/* ===================================================================
   PUBLIC SITE (Home page + CMS pages) -- light/dark color tokens.

   Deliberately mirrors the dark/light palette already used across the
   Console and Partner areas (see wwwroot/css/console/layout.css :root
   and [data-theme="dark"]) so the public site's dark mode looks like
   the SAME product, not an invented color scheme. Kept as a separate
   file (not an @import of console/layout.css, which also carries ~800
   lines of admin component styling) so nothing here can ever affect
   the already-live Console/Partner pages -- if console/layout.css's
   palette ever changes, mirror the change here too.
   =================================================================== */

:root {
    --bg-base: #ffffff;
    --bg-layer-1: #f1f3f6;
    --bg-layer-2: #e4e8ed;
    --bg-layer-3: #d5dae2;

    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-muted: #718096;

    --border-color: #dce1e8;

    --surface-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
    --surface-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
    --surface-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
    --bg-base: #0f1419;
    --bg-layer-1: #1a1f2e;
    --bg-layer-2: #2d3748;
    --bg-layer-3: #374151;

    --text-primary: #f7fafc;
    --text-secondary: #e2e8f0;
    --text-muted: #cbd5e0;

    --border-color: #374151;

    --surface-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --surface-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --surface-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}