/* Tote design tokens — generated from docs/tote-handoff/tokens/tokens.ts */
/* Do not hand-edit. Regenerate from tokens.ts. */

[data-theme="sage"] {
  --bg: #F3F4F0;
  --surface: #FFFFFF;
  --ink: #16201A;
  --soft: #5C665D;
  --line: rgba(22,32,26,.12);
  --fill: rgba(22,32,26,.06);
  --accent: #1F6B45;
  --on-accent: #FFFFFF;
  --accent-soft: #DCEADB;
  --accent-ink: #1F6B45;
  --warm: #D23B1E;
  --deep: #12201A;
  --deep-surface: #1C2D24;
  --glass: rgba(255,255,255,.72);
  --shadow: rgba(22,32,26,.10);
}

[data-theme="ocean"] {
  --bg: #F2F4F7;
  --surface: #FFFFFF;
  --ink: #0F1A2A;
  --soft: #586577;
  --line: rgba(15,26,42,.12);
  --fill: rgba(15,26,42,.06);
  --accent: #1D5FBF;
  --on-accent: #FFFFFF;
  --accent-soft: #DAE5F6;
  --accent-ink: #1D5FBF;
  --warm: #D2471E;
  --deep: #0D1828;
  --deep-surface: #17263C;
  --glass: rgba(255,255,255,.72);
  --shadow: rgba(15,26,42,.10);
}

[data-theme="clay"] {
  --bg: #F6F2EE;
  --surface: #FFFFFF;
  --ink: #25170F;
  --soft: #7A6458;
  --line: rgba(37,23,15,.12);
  --fill: rgba(37,23,15,.06);
  --accent: #B3421E;
  --on-accent: #FFFFFF;
  --accent-soft: #F5DED1;
  --accent-ink: #B3421E;
  --warm: #1F7A66;
  --deep: #22140D;
  --deep-surface: #331F16;
  --glass: rgba(255,255,255,.72);
  --shadow: rgba(37,23,15,.10);
}

[data-theme="plum"] {
  --bg: #F5F2F5;
  --surface: #FFFFFF;
  --ink: #22142A;
  --soft: #6E5F74;
  --line: rgba(34,20,42,.12);
  --fill: rgba(34,20,42,.06);
  --accent: #7B2E9C;
  --on-accent: #FFFFFF;
  --accent-soft: #ECDCF2;
  --accent-ink: #7B2E9C;
  --warm: #C94A12;
  --deep: #1C1024;
  --deep-surface: #2B1B34;
  --glass: rgba(255,255,255,.72);
  --shadow: rgba(34,20,42,.10);
}

[data-theme="midnight"] {
  --bg: #101117;
  --surface: #191B23;
  --ink: #F2EFE7;
  --soft: #9A9EAD;
  --line: rgba(242,239,231,.11);
  --fill: rgba(242,239,231,.06);
  --accent: #FFC24B;
  --on-accent: #1A1200;
  --accent-soft: #3A2F14;
  --accent-ink: #FFD27A;
  --warm: #FF6B4A;
  --deep: #08090D;
  --deep-surface: #15171E;
  --glass: rgba(25,27,35,.78);
  --shadow: rgba(0,0,0,.45);
}

/* Department colors — light grounds */
:root { --dept-light-produce-c: #1FA34A; }
:root { --dept-light-produce-on: #FFFFFF; }
:root { --dept-light-produce-tint: #E0F3E4; }
:root { --dept-light-produce-ink: #0E6B2C; }
:root { --dept-light-dairy-c: #2F6FF0; }
:root { --dept-light-dairy-on: #FFFFFF; }
:root { --dept-light-dairy-tint: #E0E9FD; }
:root { --dept-light-dairy-ink: #1A4FC0; }
:root { --dept-light-bakery-c: #F4A51C; }
:root { --dept-light-bakery-on: #3A2400; }
:root { --dept-light-bakery-tint: #FCEFD3; }
:root { --dept-light-bakery-ink: #875000; }
:root { --dept-light-pantry-c: #EE5A36; }
:root { --dept-light-pantry-on: #FFFFFF; }
:root { --dept-light-pantry-tint: #FBE2D9; }
:root { --dept-light-pantry-ink: #A9361A; }
:root { --dept-light-home-c: #8A57F0; }
:root { --dept-light-home-on: #FFFFFF; }
:root { --dept-light-home-tint: #ECE3FD; }
:root { --dept-light-home-ink: #5E30D0; }

/* Department colors — dark grounds */
:root { --dept-dark-produce-c: #3DD06C; }
:root { --dept-dark-produce-on: #062A12; }
:root { --dept-dark-produce-tint: rgba(61,208,108,.16); }
:root { --dept-dark-produce-ink: #7BE29B; }
:root { --dept-dark-dairy-c: #5B95FF; }
:root { --dept-dark-dairy-on: #04173A; }
:root { --dept-dark-dairy-tint: rgba(91,149,255,.16); }
:root { --dept-dark-dairy-ink: #9DBFFF; }
:root { --dept-dark-bakery-c: #FFC043; }
:root { --dept-dark-bakery-on: #3D2600; }
:root { --dept-dark-bakery-tint: rgba(255,192,67,.16); }
:root { --dept-dark-bakery-ink: #FFD47F; }
:root { --dept-dark-pantry-c: #FF7B5A; }
:root { --dept-dark-pantry-on: #3A0E02; }
:root { --dept-dark-pantry-tint: rgba(255,123,90,.16); }
:root { --dept-dark-pantry-ink: #FFA48C; }
:root { --dept-dark-home-c: #A983FF; }
:root { --dept-dark-home-on: #1C0A4A; }
:root { --dept-dark-home-tint: rgba(169,131,255,.18); }
:root { --dept-dark-home-ink: #C8B0FF; }

/* People colors — fixed per member */
:root { --mori: #D6336C; --mori-on: #FFFFFF; --you: #0B7F80; --you-on: #FFFFFF; }

/* Type */
:root {
  --font-latin: "IBM Plex Sans", "IBM Plex Sans Hebrew", system-ui, sans-serif;
  --font-hebrew: "IBM Plex Sans Hebrew", "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}
[dir="rtl"] { --font: var(--font-hebrew); }
[dir="ltr"] { --font: var(--font-latin); }

:root {
  --r-chip: 10px; --r-control: 14px; --r-dock-btn: 20px;
  --r-card: 26px; --r-dock: 28px; --r-sheet: 30px; --r-pill: 999px;
  --touch: 44px;
  --ease-pop: cubic-bezier(.3,1.7,.5,1);
  --ease-out: cubic-bezier(.4,0,.2,1);
  --ease-swipe: cubic-bezier(.3,1.2,.5,1);
}

:root { --deep-ink: #F4F1EA; --deep-soft: rgba(244,241,234,.6);
  --deep-line: rgba(244,241,234,.08); --deep-fill: rgba(244,241,234,.1); }

/* Legacy aliases — maps old style.css variable names to design tokens.
   Allows the current UI to run on the new token system during the rebuild. */
:root {
  --background: var(--bg);
  --foreground: var(--ink);
  --card: var(--surface);
  --card-foreground: var(--ink);
  --popover: var(--surface);
  --popover-foreground: var(--ink);
  --primary: var(--accent);
  --primary-foreground: var(--on-accent);
  --primary-hover: var(--accent);
  --secondary: var(--fill);
  --secondary-foreground: var(--ink);
  --muted: var(--fill);
  --muted-foreground: var(--soft);
  --accent: var(--accent-soft);
  --accent-foreground: var(--accent-ink);
  --destructive: var(--warm);
  --destructive-foreground: #FFFFFF;
  --border: var(--line);
  --input: var(--fill);
  --ring: var(--accent);
  --radius: var(--r-card);
  --radius-md: var(--r-control);
  --radius-sm: var(--r-chip);
  --shadow-sm: 0 1px 2px var(--shadow);
  --shadow-md: 0 1px 3px var(--shadow), 0 4px 8px var(--shadow);
}