/* Generated by scripts/build-tokens.mjs from apps/backoffice/src/index.css. Do not edit: change the backoffice tokens and run npm run build:tokens. */
:root {
  --paper: 0 0% 100%;
  --bone: 252 40% 97%;
  --sunken: 252 45% 98%;
  --line: 252 25% 91%;
  --line-2: 239 33% 96%;
  --ink: 252 60% 11%;
  --ink-2: 252 30% 22%;
  --muted: 252 12% 46%;
  --faint: 239 16% 50%;
  --indigo: 257 82% 52%;
  --indigo-2: 257 74% 40%;
  --indigo-soft: 257 80% 96%;
  --mint: 165 60% 38%;
  --mint-soft: 148 63% 95%;
  --mint-ink: 156 76% 28%;
  --amber-bg: 36 89% 94%;
  --amber-ink: 36 95% 32%;
  --blue-bg: 217 88% 95%;
  --blue-ink: 217 90% 48%;
  --green-bg: 142 52% 93%;
  --green-ink: 142 65% 30%;
  --red-bg: 0 86% 96%;
  --red-ink: 0 72% 45%;
  --gradient: linear-gradient(115deg, hsl(var(--indigo)), hsl(var(--pink-ink)) 55%, hsl(var(--orange-ink)));
  --scrim: 252 55% 10%;
  --radius-card: 16px;
  --radius-tile: 14px;
  --radius-ctl: 12px;
  --radius-chip: 10px;
  --radius-panel: 24px;
  --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --lift-card: 0 14px 32px -18px hsl(var(--scrim) / .28), 0 1px 2px hsl(var(--scrim) / .06);
  --lift-panel: 0 24px 60px -28px hsl(var(--scrim) / .32), 0 2px 8px -4px hsl(var(--scrim) / .10);
  --lift-dock: 0 1px 2px hsl(var(--scrim) / .08), 0 18px 40px -12px hsl(var(--scrim) / .46), 0 12px 28px -8px hsl(var(--indigo) / .42);
  --violet-bg: 270 90% 95%;
  --violet-ink: 270 70% 48%;
  --pink-bg: 330 90% 95%;
  --pink-ink: 330 72% 46%;
  --orange-bg: 22 95% 93%;
  --orange-ink: 18 85% 44%;
  --placeholder: 252 25% 93%;
  --foreground: var(--ink);
  --border: var(--line);
  --border-subtle: var(--line-2);
  --secondary: var(--line-2);
  --primary: var(--indigo);
  --primary-foreground: var(--paper);
  --ring: var(--indigo);
  --brand-tint: var(--indigo-soft);
  --success: var(--green-ink);
  --success-bg: var(--green-bg);
  --success-ink: var(--green-ink);
  --warning: var(--amber-ink);
  --warning-bg: var(--amber-bg);
  --warning-ink: var(--amber-ink);
  --destructive: var(--red-ink);
  --destructive-bg: var(--red-bg);
  --destructive-ink: var(--red-ink);
}

.dark {
  --paper: 244 23% 14%;
  --bone: 230 18% 7%;
  --sunken: 230 16% 10%;
  --line: 230 14% 22%;
  --line-2: 232 16% 16%;
  --ink: 230 20% 96%;
  --ink-2: 230 12% 86%;
  --muted: 230 10% 72%;
  --faint: 230 8% 62%;
  --indigo: 236 72% 72%;
  --indigo-2: 236 70% 78%;
  --indigo-soft: 236 32% 16%;
  --mint: 156 57% 58%;
  --mint-soft: 156 28% 14%;
  --mint-ink: 156 57% 68%;
  --amber-bg: 36 40% 15%;
  --amber-ink: 36 90% 65%;
  --blue-bg: 217 40% 16%;
  --blue-ink: 217 90% 70%;
  --green-bg: 142 35% 14%;
  --green-ink: 142 55% 60%;
  --red-bg: 0 40% 16%;
  --red-ink: 0 80% 68%;
  --scrim: 252 40% 2%;
  --violet-bg: 270 40% 18%;
  --violet-ink: 270 85% 75%;
  --pink-bg: 330 40% 17%;
  --pink-ink: 330 85% 72%;
  --orange-bg: 22 45% 16%;
  --orange-ink: 22 90% 66%;
  --placeholder: 252 18% 18%;
}