/* SEWMA color tokens — values of variant B «Svět» (www/redesign/b/style.css).
   Cool white studio in light mode, navy-black stage in dark mode, one electric-blue accent.
   Base palette first, then semantic aliases. Every name the system had before is kept;
   the B → system table is in www/redesign/DESIGN.md, section «Токены системы». */

/* ── BASE PALETTE ── */
:root {
  /* Brand blue */
  --blue-500: #1560DB;        /* accent / primary button (B --accent light, button) */
  --blue-600: #0E4FBF;        /* hover (B --accent-hover light) */
  --blue-light: #4C9BFF;      /* accent on dark (B --accent dark, --band-accent) */
  --blue-highlight: #E4EEFF;  /* tints / wash (B --accent-soft light) */
  /* B has no lime accent: the former lime names point at the B blue */
  --lime-400: #4C9BFF;
  --lime-600: #1560DB;

  /* Cool neutrals (light mode) */
  --paper-50: #F3F7FD;        /* B --bg */
  --paper-100: #F7FAFF;       /* B --surface-2 */
  --paper-200: #E3ECF9;       /* B --stage-bottom */
  --paper-300: #DCE8FA;       /* B --line */
  --paper-400: #C3D5F1;       /* B --line-strong */
  --ink-900: #0B1A33;         /* B --ink */
  --ink-600: #5B6B82;         /* B --muted */
  --ink-400: #8C97A8;         /* faint: --muted 70% over white (2.9:1, meta only) */

  /* Navy (dark mode) */
  --night-900: #060C1A;       /* B --bg */
  --night-800: #0B1630;       /* B --surface */
  --night-700: #0E1B38;       /* B --surface-2 */
  --night-600: #0E2142;       /* B --band (dark) */
  --night-500: #1C2C4D;       /* B --line over --surface, opaque */
  --night-400: #2A3D63;       /* B --line-strong over --surface, opaque */
  --mist-100: #EAF1FF;        /* B --ink */
  --mist-400: #93A6C6;        /* B --muted */
  --mist-700: #6A7B99;        /* faint: --muted 70% over --surface (4.2:1) */

  /* Status (not part of B; kept) */
  --green-500: #22C55E;
  --red-500: #EF4444;
}

/* ── SEMANTIC ALIASES — LIGHT (default) ── */
:root,
[data-theme='light'] {
  --color-bg: var(--paper-50);
  --color-bg-alt: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-2: var(--paper-100);
  --color-surface-offset: var(--paper-200);
  --color-divider: var(--paper-300);
  --color-border: var(--paper-400);
  --color-line: var(--color-divider);
  --color-line-strong: var(--color-border);

  --color-text: var(--ink-900);
  --color-text-muted: var(--ink-600);
  --color-text-faint: var(--ink-400);
  --color-text-inverse: var(--paper-50);

  --color-primary: var(--blue-500);
  --color-primary-hover: var(--blue-600);
  --color-primary-highlight: var(--blue-highlight);
  /* solid button / blue plate: the same blue in both themes (white text 5.6:1) */
  --color-primary-solid: #1560DB;
  --color-primary-solid-hover: #0E4FBF;

  --color-accent: var(--blue-500);
  --color-accent-dark: var(--blue-600);
  --color-accent-hover: var(--blue-600);
  --color-accent-soft: var(--blue-highlight);
  --color-accent-glow: rgb(46 139 255 / .28);
  --color-on-accent: #FFFFFF;

  /* dark bands (Přístup, Kontakt) */
  --color-band: #0A1730;
  --color-band-2: #0E2142;
  --color-band-ink: #EAF1FF;
  --color-band-muted: #A9BAD6;
  --color-band-accent: #4C9BFF;
  --color-band-line: rgb(140 175 235 / .18);
  --color-band-surface: #FFFFFF;
  --color-band-surface-ink: #0B1A33;

  /* hero stage and its lights */
  --color-stage-top: #FFFFFF;
  --color-stage-bottom: #E3ECF9;
  --color-light-back: rgb(120 175 255 / .55);
  --color-light-side: rgb(255 255 255 / .9);
  --color-light-warm: rgb(255 190 120 / 0);

  /* device mock-ups */
  --color-mock-frame: #0E2142;
  --color-mock-screen: #F3F7FD;
  --color-mock-ink: #C9D8EF;

  /* form fields (B .form --f-*) */
  --color-field-bg: var(--paper-100);
  --color-field-line: var(--paper-400);
  --color-field-placeholder: var(--ink-600);

  /* footer: always dark */
  --color-footer: #050B18;
  --color-footer-ink: #EAF1FF;
  --color-footer-muted: #A9BAD6;
  --color-footer-accent: #6AAEFF;   /* focus ring */
  --color-footer-line: rgb(140 175 235 / .14);

  /* light accents of B: amber counter-light, pale blue of the process beam, live dot */
  --color-amber: #FFB054;
  --color-blue-pale: #9CCBFF;
  --color-live: #22B573;
  --color-band-selection-ink: #06101F;
  --color-hero-muted: #45556C;      /* hero lead over the stage */

  --grid-line: rgb(11 26 51 / .065);

  color-scheme: light;
}

/* ── SEMANTIC ALIASES — DARK ── */
[data-theme='dark'] {
  --color-bg: var(--night-900);
  --color-bg-alt: #0A1426;
  --color-surface: var(--night-800);
  --color-surface-2: var(--night-700);
  --color-surface-offset: var(--night-600);
  --color-divider: rgb(120 160 230 / .16);
  --color-border: rgb(120 160 230 / .28);

  --color-text: var(--mist-100);
  --color-text-muted: var(--mist-400);
  --color-text-faint: var(--mist-700);
  --color-text-inverse: var(--night-900);

  --color-primary: var(--blue-light);
  --color-primary-hover: #7AB4FF;
  --color-primary-highlight: rgb(46 139 255 / .14);

  --color-accent: var(--blue-light);
  --color-accent-dark: #7AB4FF;
  --color-accent-hover: #7AB4FF;
  --color-accent-soft: rgb(46 139 255 / .14);
  --color-accent-glow: rgb(46 139 255 / .4);

  --color-band: #0E2142;
  --color-band-2: #12284F;
  --color-band-accent: #6AAEFF;
  --color-band-line: rgb(140 175 235 / .2);
  --color-band-surface: #0A1730;
  --color-band-surface-ink: #EAF1FF;

  --color-stage-top: #050A16;
  --color-stage-bottom: #0A1730;
  --color-light-back: rgb(46 139 255 / .55);
  --color-light-side: rgb(255 170 80 / .30);
  --color-light-warm: rgb(255 170 80 / .22);

  --color-mock-frame: #1B2C4F;
  --color-mock-screen: #0A1730;
  --color-mock-ink: #233A66;

  --color-field-bg: #0E1D3A;
  --color-field-line: rgb(140 175 235 / .28);
  --color-field-placeholder: #A9BAD6;

  --color-hero-muted: #B3C2DB;

  --grid-line: rgb(234 241 255 / .04);

  color-scheme: dark;
}