/* Snapshot of deployment/web/apps/web-v3/app/design-system/styles/tokens.css.
   Keep this local copy in sync so the prototype remains portable. */
:root {
  color-scheme: light;
  --font-sans:
    -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter,
    ui-sans-serif, system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-round: 999px;

  --text-xs: 9px;
  --text-sm: 10.5px;
  --text-md: 12.5px;
  --text-lg: 14px;
  --control-sm: 32px;
  --control-md: 40px;

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-fast: 150ms;
  --motion-standard: 220ms;

  --canvas: #f4f4f1;
  --surface: rgba(255, 255, 255, 0.88);
  --surface-solid: #ffffff;
  --surface-muted: #f5f5f2;
  --surface-hover: #f0f0ec;
  --text: #181918;
  --text-soft: #676a66;
  --text-faint: #92958f;
  --border: rgba(24, 25, 24, 0.09);
  --border-strong: rgba(24, 25, 24, 0.14);
  --accent: #fa6542;
  --accent-deep: #d84b2b;
  --accent-soft: #fff0eb;
  --success: #337149;
  --success-soft: #ecf7ef;
  --warning: #95611d;
  --warning-soft: #fff3dd;
  --danger: #b83b2c;
  --danger-soft: #fff0ed;
  --sidebar: #ecece8;
  --shadow-large:
    0 32px 90px rgba(25, 27, 25, 0.19), 0 8px 26px rgba(25, 27, 25, 0.1);
  --shadow-small: 0 8px 26px rgba(25, 27, 25, 0.06);
}

:root[data-accent="indigo"],
.prototype[data-accent="indigo"] {
  --accent: #4e5bd5;
  --accent-deep: #3945ad;
  --accent-soft: #eceeff;
}

:root[data-accent="green"],
.prototype[data-accent="green"] {
  --accent: #2e9b68;
  --accent-deep: #21754e;
  --accent-soft: #eaf8f1;
}

:root[data-accent="rose"],
.prototype[data-accent="rose"] {
  --accent: #e84a75;
  --accent-deep: #bd315a;
  --accent-soft: #fff0f4;
}

:root[data-theme="dark"],
.prototype[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #111210;
  --surface: rgba(31, 32, 29, 0.9);
  --surface-solid: #20211e;
  --surface-muted: #292a26;
  --surface-hover: #30312d;
  --text: #f4f4ef;
  --text-soft: #adafa8;
  --text-faint: #81847d;
  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.14);
  --accent-soft: rgba(250, 101, 66, 0.16);
  --success: #73bb8d;
  --success-soft: rgba(77, 155, 104, 0.16);
  --warning: #edbd72;
  --warning-soft: rgba(230, 164, 58, 0.16);
  --danger: #ff8d7d;
  --danger-soft: rgba(232, 74, 58, 0.16);
  --sidebar: #191a17;
  --shadow-large:
    0 36px 100px rgba(0, 0, 0, 0.55), 0 8px 28px rgba(0, 0, 0, 0.32);
  --shadow-small: 0 8px 30px rgba(0, 0, 0, 0.22);
}

:root[data-theme="dark"][data-accent="indigo"],
.prototype[data-theme="dark"][data-accent="indigo"] {
  --accent-soft: rgba(78, 91, 213, 0.18);
}
:root[data-theme="dark"][data-accent="green"],
.prototype[data-theme="dark"][data-accent="green"] {
  --accent-soft: rgba(46, 155, 104, 0.18);
}
:root[data-theme="dark"][data-accent="rose"],
.prototype[data-theme="dark"][data-accent="rose"] {
  --accent-soft: rgba(232, 74, 117, 0.18);
}