/*
 * AlphaBridge Frost Design System v1
 * Colour tokens only. Semantic colours describe information state;
 * they must not be used as decorative brand accents.
 */

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

  --ab-color-canvas: #04070f;
  --ab-color-canvas-deep: #02050b;
  --ab-color-canvas-raised: #07101d;

  --ab-color-bridge-cyan: #00d4ff;
  --ab-color-intelligence-blue: #1e6bff;
  --ab-color-cyan-soft: #82eaff;
  --ab-color-blue-soft: #78a6ff;
  --ab-color-cta: var(--ab-color-bridge-cyan);
  --ab-color-cta-deep: var(--ab-color-intelligence-blue);
  --ab-color-bridge-wash: linear-gradient(180deg, #eaf7ff 0%, #7fd6ff 100%);

  /* Infrastructure accent only. Bronze is not a semantic warning colour. */
  --ab-bronze: #b97842;
  --ab-bronze-light: #d7a06a;
  --ab-bronze-muted: rgba(185, 120, 66, 0.24);
  --ab-bronze-edge: rgba(215, 160, 106, 0.38);

  --ab-color-glass: rgba(140, 220, 255, 0.035);
  --ab-color-glass-elevated: rgba(140, 220, 255, 0.07);
  --ab-color-glass-strong: rgba(140, 220, 255, 0.11);
  --ab-color-frost-highlight: rgba(224, 248, 255, 0.16);
  --ab-color-hairline: rgba(0, 212, 255, 0.14);
  --ab-color-hairline-soft: rgba(0, 212, 255, 0.07);
  --ab-color-hairline-strong: rgba(0, 212, 255, 0.3);

  --ab-color-text-headline: #eaf7ff;
  --ab-color-text-primary: #d6ecfa;
  --ab-color-text-secondary: #c4d6e8;
  --ab-color-text-muted: #8e9db2;
  --ab-color-text-inverse: #031018;

  --ab-state-bullish: #29d391;
  --ab-state-bullish-text: #7cf0c4;
  --ab-color-bullish: var(--ab-state-bullish);
  --ab-color-bullish-surface: rgba(41, 211, 145, 0.1);
  --ab-color-bullish-line: rgba(41, 211, 145, 0.32);

  --ab-state-warning: #f5b544;
  --ab-state-warning-text: #ebc98a;
  --ab-color-warning: var(--ab-state-warning);
  --ab-color-warning-surface: rgba(245, 181, 68, 0.1);
  --ab-color-warning-line: rgba(245, 181, 68, 0.34);

  --ab-state-risk: #ff5c6c;
  --ab-state-risk-text: #ff9aa6;
  --ab-color-risk: var(--ab-state-risk);
  --ab-color-risk-surface: rgba(255, 92, 108, 0.1);
  --ab-color-risk-line: rgba(255, 92, 108, 0.34);

  --ab-color-neutral-surface: rgba(196, 214, 232, 0.075);
  --ab-color-neutral-line: rgba(196, 214, 232, 0.18);

  --ab-color-backdrop: rgba(1, 4, 10, 0.78);
  --ab-color-focus-ring: rgba(0, 212, 255, 0.58);
  --ab-color-selection: rgba(0, 212, 255, 0.2);
}

::selection {
  color: var(--ab-color-text-headline);
  background: var(--ab-color-selection);
}