/* Aetheris design tokens — slate palette, dark editorial cinematic */
:root {
  /* Neutrals — derived from user-chosen slate palette */
  --slate-950: #060911;
  --slate-900: #0B111C;
  --slate-850: #101827;
  --slate-800: #1E293B;   /* on_surface reversed / elevated surface */
  --slate-700: #334155;   /* secondary */
  --slate-600: #475569;   /* primary */
  --slate-500: #64748B;   /* accent */
  --slate-400: #94A3B8;
  --slate-300: #CBD5E1;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;   /* surface (light) */

  /* Semantic roles */
  --bg:            var(--slate-950);
  --bg-elevated:   var(--slate-900);
  --surface:       var(--slate-850);
  --surface-2:     var(--slate-800);
  --border:        rgba(148, 163, 184, 0.14);
  --border-strong: rgba(148, 163, 184, 0.28);
  --text:          var(--slate-100);
  --text-muted:    var(--slate-400);
  --text-dim:      var(--slate-500);

  /* Brand — warm amber pulled from the concept art's golden light */
  --ember:         #E8A96B;
  --ember-hot:     #F4B972;
  --ember-glow:    rgba(232, 169, 107, 0.22);

  /* State */
  --focus:         #F4B972;
  --success:       #86EFAC;
  --danger:        #FDA4AF;

  /* Type scale (1.25) */
  --step-0: 0.9375rem;   /* 15 */
  --step-1: 1.0625rem;   /* 17 */
  --step-2: 1.3125rem;   /* 21 */
  --step-3: 1.625rem;    /* 26 */
  --step-4: 2rem;        /* 32 */
  --step-5: 2.5rem;      /* 40 */
  --step-6: 3.25rem;     /* 52 */
  --step-7: 4.25rem;     /* 68 */
  --step-8: 5.5rem;      /* 88 */

  /* Spacing scale (4px base) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Radii */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 14px;

  /* Elevation */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 8px 32px rgba(0,0,0,0.45);
  --shadow-glow: 0 0 40px rgba(232, 169, 107, 0.18);

  /* Motion */
  --dur-1: 140ms;
  --dur-2: 260ms;
  --dur-3: 480ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Layout */
  --wrap: 1200px;
  --wrap-narrow: 780px;

  /* Fonts */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}