/* ============================================================
   Design tokens (dark theme, gold) — shared with the XAUQ site
   ============================================================ */

:root {
  /* ---- Palette ---- */
  --c-bg:            #0d0f14;
  --c-bg-elevated:   #151823;
  --c-bg-card:       #1a1e2e;
  --c-bg-input:      #10131c;
  --c-border:        #2a2f42;
  --c-border-focus:  #d4a938;

  --c-text:          #e8eaf0;
  --c-text-muted:    #9aa0b0;
  --c-text-faint:    #6b7183;

  --c-accent:        #d4a938;
  --c-accent-hover:  #e6bd4f;
  --c-accent-soft:   rgba(212, 169, 56, 0.12);

  --c-success:       #34c77b;
  --c-success-soft:  rgba(52, 199, 123, 0.12);
  --c-danger:        #e05252;
  --c-danger-soft:   rgba(224, 82, 82, 0.12);
  --c-warning:       #e6a23c;
  --c-warning-soft:  rgba(230, 162, 60, 0.12);

  /* ---- Typography ---- */
  --font-main: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-xs:  0.75rem;
  --fs-s:   0.875rem;
  --fs-m:   1rem;
  --fs-l:   1.25rem;
  --fs-xl:  1.75rem;
  --fs-hero: clamp(2rem, 5vw, 3.5rem);

  /* ---- Spacing ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;

  /* ---- Radii / shadows ---- */
  --radius:      10px;
  --radius-lg:   16px;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.35);

  /* ---- Grid ---- */
  --header-h:  56px;
  --ticker-h:  32px;
  --tabbar-h:  64px;
  --sidebar-w: 240px;
  --content-max: 1280px;

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-drawer: 200;
  --z-modal:  300;
  --z-toast:  400;

  /* ---- Tabular numbers ---- */
  font-variant-numeric: tabular-nums;
}