/* ============================================================
   SOGO Terminal — Design System v1  (LOCKED TOKENS)
   Imported by every page. Do not hardcode values elsewhere.
   ============================================================ */

:root {
  color-scheme: dark;

  /* -- COLORS -------------------------------------------------- */
  --base:         #0A0B0D;   /* page background (near-black) */
  --surface-1:    #121417;   /* cards, terminal body */
  --surface-2:    #1A1D21;   /* raised: inputs, ticker cells, pills */
  --hairline:     #24282E;   /* 1px borders — the structural language */
  --text:         #E6E9EF;   /* primary text */
  --muted:        #9AA3AD;   /* secondary text */
  --faint:        #5C636D;   /* tertiary / captions / disabled */
  --accent:       #00E28A;   /* THE green — CTAs, live dot, key numbers */
  --accent-hover: #00B26E;
  --glow:         rgba(0, 226, 138, .30);  /* reserved: live dot + fee line only */
  --success:      #00E28A;   /* ticker up */
  --danger:       #FF4D4D;   /* ticker down */
  --warning:      #FFB020;
  --accent-alt:   #E5B84B;   /* gold — unused by default */
  --accent-ink:   #06120B;   /* text on accent fills */

  /* -- TYPE ---------------------------------------------------- */
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-12: 12px;  --fs-14: 14px;  --fs-16: 16px;  --fs-20: 20px;
  --fs-28: 28px;  --fs-40: 40px;  --fs-56: 56px;

  --fw-regular: 400;  --fw-medium: 500;  --fw-bold: 700;
  --lh-heading: 1.2;  --lh-body: 1.6;

  /* -- SPACE  (4 / 8 base) ------------------------------------- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-6: 24px;  --sp-8: 32px;  --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  /* -- RADIUS / BORDER ---------------------------------------- */
  --r-card: 10px;  --r-button: 8px;  --r-pill: 999px;
  --border: 1px solid var(--hairline);

  /* -- MOTION -------------------------------------------------- */
  --t-hover: 150ms ease-out;
  --t-fade: 400ms cubic-bezier(.22, .61, .36, 1);
}

/* Reduced motion: honor the OS setting everywhere (calm by default). */
@media (prefers-reduced-motion: reduce) {
  :root { --t-hover: 1ms; --t-fade: 1ms; }
}