/* =========================
   WPPS.ru – GENERATED THEME TOKENS
   Palette: wpps [#475aa8, #5e6fb1]
   Generated by scripts/build-tokens.ts — DO NOT EDIT BY HAND.
   Regenerate with: npm run build:tokens
   ========================= */

:root[data-theme="dark"] {
  color-scheme: dark;

  /* raw tokens from the engine */
  --bg: #0b0d16;
  --surface: #141726;
  --text: #e7e9ee;
  --text-main: #e7e9ee;
  --text-muted: #a0a4af;
  --text-subtle: color-mix(in srgb, #a0a4af 70%, #0b0d16);
  --text-invert: #ffffff;

  /* surfaces */
  --bg-elevated: #141726;
  --bg-soft: color-mix(in srgb, #141726 70%, #0b0d16);
  --panel: #141726;
  --panel-border: color-mix(in srgb, #5e6385 35%, transparent);

  /* borders — fixed alpha blends on top of bg */
  --border-subtle: color-mix(in srgb, #5e6385 18%, transparent);
  --border-strong: color-mix(in srgb, #5e6385 45%, transparent);

  /* accents */
  --primary: #6677b9;
  --primary-soft: color-mix(in srgb, #6677b9 15%, transparent);
  --primary-hover: #8390e5;
  --accent-2: #6575c6;
  --link: #8390e5;
  --focus-ring: #6c7dc0;
  --accent-text: #000000;
  --brand: #6677b9;

  /* header */
  --nav-bg: color-mix(in srgb, #0b0d16 92%, transparent);

  /* muted alias used by legacy components */
  --muted: #a0a4af;
}

:root[data-theme="light"] {
  color-scheme: light;

  /* raw tokens from the engine */
  --bg: #ffffff;
  --surface: #f5f6f9;
  --text: #0f1221;
  --text-main: #0f1221;
  --text-muted: #5a5f6e;
  --text-subtle: color-mix(in srgb, #5a5f6e 70%, #ffffff);
  --text-invert: #0b0d16;

  /* surfaces */
  --bg-elevated: #f5f6f9;
  --bg-soft: color-mix(in srgb, #f5f6f9 70%, #ffffff);
  --panel: #f5f6f9;
  --panel-border: color-mix(in srgb, #c8c8d0 35%, transparent);

  /* borders — fixed alpha blends on top of bg */
  --border-subtle: color-mix(in srgb, #c8c8d0 18%, transparent);
  --border-strong: color-mix(in srgb, #c8c8d0 45%, transparent);

  /* accents */
  --primary: #5e6fb1;
  --primary-soft: color-mix(in srgb, #5e6fb1 15%, transparent);
  --primary-hover: #475aa8;
  --accent-2: #475aa8;
  --link: #475aa8;
  --focus-ring: #5e6fb1;
  --accent-text: #ffffff;
  --brand: #5e6fb1;

  /* header */
  --nav-bg: color-mix(in srgb, #ffffff 90%, transparent);

  /* muted alias used by legacy components */
  --muted: #5a5f6e;
}