/* Amoleo design system tokens: generated from tools/design-system/tokens.json */
:root, [data-theme="dark"] {
  --bg: #101013;
  --panel: #191920;
  --panel-2: #2b2b33;
  --text: #e9e9ee;
  --text-strong: #ffffff;
  --muted: #9a9aa8;
  --border: #2b2b33;
  --brand-amoleo: #ffffff;
  --accent: var(--brand-accounts);
  --on-accent: #ffffff;
  --danger: #ff6b6b;
  --danger-tint: rgba(255, 107, 107, 0.12);
  --globe-on: #64b5f6;
  --globe-off: var(--muted);
  --ai-generated: #9fb3d1;
  --ai-assisted: #c9b8a3;
  --brand-pets: #D9603F;
  --brand-connections: #0b6e8f;
  --brand-rissbrook: #2f7994;
  --brand-accounts: #6e7178;
  --brand-todo: #8a6d1a;
  --brand-editions: #DC143C;
  --brand-upnext: #1E8A5C;
  --brand-collections: #9346B9;
  --brand-registry: #7A756E;
  --brand-communications: #62665C;
  --brand-images: #6B6661;
  --brand-reviews: #BA2C99;
  --brand-budget: #177871;
  --brand-games: #8566CC;
  --brand-home: #515AD6;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  --shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.45);
}
[data-theme="light"] {
  --bg: #f7f7fb;
  --panel: #ffffff;
  --panel-2: #e0e0e6;
  --text: #3a3a4a;
  --text-strong: #1c1c2e;
  --muted: #6b6b7a;
  --border: #e0e0e6;
  --brand-amoleo: #1c1c2e;
  --accent: var(--brand-accounts);
  --on-accent: #ffffff;
  --danger: #d32f2f;
  --danger-tint: rgba(211, 47, 47, 0.08);
  --globe-on: #1976d2;
  --globe-off: var(--muted);
  --ai-generated: #4a5f80;
  --ai-assisted: #76603f;
  --brand-pets: #D9603F;
  --brand-connections: #0b6e8f;
  --brand-rissbrook: #2f7994;
  --brand-accounts: #6e7178;
  --brand-todo: #8a6d1a;
  --brand-editions: #DC143C;
  --brand-upnext: #1E8A5C;
  --brand-collections: #9346B9;
  --brand-registry: #7A756E;
  --brand-communications: #62665C;
  --brand-images: #6B6661;
  --brand-reviews: #BA2C99;
  --brand-budget: #177871;
  --brand-games: #8566CC;
  --brand-home: #515AD6;
  --shadow: 0 2px 8px rgba(28, 28, 46, 0.08);
  --shadow-lg: 0 8px 24px rgba(28, 28, 46, 0.16);
}
:root {
  --gutter-sm: 16px;
  --gutter-md: 24px;
  --card-pad: 24px;
  --card-pad-lg: 32px;
  --touch-target: 44px;
  --wrap: 1080px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-card: 16px;
  --radius-full: 9999px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}