/* ════════════════════════════════════════
   LAW EAT — shared color tokens
   Light (beige) for everyone by default; dark only when the visitor turns it on
   in the accessibility menu (laweat-accessibility.js sets <html data-theme="dark">).
   Pages add their own tokens on top (e.g. --w2: rgba(var(--ink-rgb),.6)).
════════════════════════════════════════ */
:root {
  color-scheme: light;

  /* Brand orange — softened from #E8681A so it glows less on bright screens.
     The LAW EAT logo keeps the slightly brighter #DB641F (see bottom). */
  --o:   #D06022;
  --o2:  #BA5216;   /* hover: darker, not brighter */
  --o3:  #A24510;
  --o-rgb: 208,96,34;

  /* Paper */
  --bg:  #F5F0E8;
  --bg2: #EDE8DF;
  --bg3: #E3DDD4;
  --bg4: #D9D2C8;
  --bg-rgb:  245,240,232;
  --bg2-rgb: 237,232,223;
  --surface:   #FFFFFF;
  --surface-2: #FFFDFB;
  --surface-rgb: 255,255,255;

  /* Ink */
  --w:        #4A2010;
  --w-strong: #1A0C04;
  --ink-rgb:    74,32,16;
  --shadow-rgb: 74,32,16;
  --ink8-rgb:   8,8,8;        /* near-black footer ink */

  /* Text placed on orange / on brown fills */
  --on-o: #4A2010;
  --on-w: #FFFFFF;

  /* Accents */
  --peach:   #FBD9AE;   /* soft orange-tinted button fill */
  --peach-2: #F7C98E;
  --chip:    #FEF9F4;
  --hero-1:  #FBF8F3;   /* home hero gradient */
  --hero-2:  #F4EEE4;
  --hero-3:  #F0E9DC;
}

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

  --o2:  #DE7333;   /* on dark, hover lifts instead */
  --o3:  #BA5216;

  --bg:  #1C130D;
  --bg2: #241911;
  --bg3: #2D2016;
  --bg4: #382819;
  --bg-rgb:  28,19,13;
  --bg2-rgb: 36,25,17;
  --surface:   #2A1D14;
  --surface-2: #2F2117;
  --surface-rgb: 42,29,20;

  --w:        #F1E6D8;
  --w-strong: #FFF7EE;
  --ink-rgb:    241,230,216;
  --shadow-rgb: 0,0,0;
  --ink8-rgb:   241,230,216;

  --on-o: #2A1206;
  --on-w: #1C130D;

  --peach:   #4A2A15;
  --peach-2: #5A341A;
  --chip:    #2A1D14;
  --hero-1:  #22170F;
  --hero-2:  #1C130D;
  --hero-3:  #1A110B;
}

/* The footer is orange in both modes, so its text keeps the light-mode
   brown ink instead of following the theme. */
#site-footer {
  --w: #4A2010;
  --w-strong: #1A0C04;
  --ink-rgb: 74,32,16;
  --ink8-rgb: 8,8,8;
  --shadow-rgb: 74,32,16;
  --bg: #F5F0E8;
  --bg-rgb: 245,240,232;
}

/* The LAW EAT logo keeps its own, slightly brighter orange. Re-scoping the token
   on the logo elements means every logo rule that reads var(--o) picks it up. */
.nav-logo, .logo, .rp-header-logo, .intro-logo, .foot-logo {
  --o: #DB641F;
  --o-rgb: 219,100,31;
}