/* ═══════════════════════════════════════════════════════════════
   ARAM ALGORITHM — LIGHT THEME (Neue Authority)
   Layer this AFTER shared.css. Explicit light-mode token set.
   Usage: <link rel="stylesheet" href="shared.css">
          <link rel="stylesheet" href="shared.light.css">
═══════════════════════════════════════════════════════════════ */

:root,
[data-theme="light"] {
  /* Surfaces */
  --paper: #F5F4F0;
  --surface: #FFFFFF;
  --fog: #F3F2EE;
  --warm: #E8E6E0;

  /* Ink + text */
  --ink: #111111;
  --slate: #3D4452;
  --muted: #565D68;

  /* Rules */
  --rule: #DDD9D3;
  --rule-light: #EDEAE5;

  /* Status backgrounds (light-mode tints) */
  --red-bg: #FDF0EC;
  --green-bg: #EAF5EE;
  --amber-bg: #FDF6E8;

  /* Shadows tuned for light surfaces */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);

  color-scheme: light;
}

[data-theme="light"] body {
  background: var(--paper);
  color: var(--ink);
}