/* GENERATED design tokens — Dealt Social — fingerprint oklch(0.34 0.07 45)/Fraunces+Work Sans/soft/comfortable. */
/* Source: brand/brand.yaml (direction decided by owner). Do not edit; change the vault and recompile. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/design/fonts/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: "Fraunces Fallback";
  src: local("Georgia");
  size-adjust: 98%;
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/design/fonts/work-sans.woff2") format("woff2");
}
@font-face {
  font-family: "Work Sans Fallback";
  src: local("Arial");
  size-adjust: 104%;
}
:root {
  color-scheme: light dark;
  /* Primitives: 12-step scales, Radix step semantics (1–2 page, 3–5 fills, 6–8 borders, 9–10 solids, 11–12 text). */
  --brand-1: #fefbf9;
  --brand-2: #fbf5f3;
  --brand-3: #f6ece8;
  --brand-4: #f0e1db;
  --brand-5: #e8d5cc;
  --brand-6: #dcc5bb;
  --brand-7: #cdb1a5;
  --brand-8: #a78373;
  --brand-9: #562b17;
  --brand-10: #441c09;
  --brand-11: #33170a;
  --brand-12: #180904;
  --neutral-1: #fffbf9;
  --neutral-2: #fef4f0;
  --neutral-3: #f6ece8;
  --neutral-4: #ece2de;
  --neutral-5: #e0d7d3;
  --neutral-6: #d2c8c4;
  --neutral-7: #beb5b1;
  --neutral-8: #938a86;
  --neutral-9: #786f6c;
  --neutral-10: #675e5b;
  --neutral-11: #59514d;
  --neutral-12: #29221f;
  --accent-1: #fefbf9;
  --accent-2: #faf6f2;
  --accent-3: #f4ede6;
  --accent-4: #ece3d9;
  --accent-5: #e3d7ca;
  --accent-6: #d7c8b8;
  --accent-7: #c6b4a1;
  --accent-8: #9f876e;
  --accent-9: #b3916d;
  --accent-10: #9f7f5d;
  --accent-11: #634e37;
  --accent-12: #2c2216;
  --danger-1: #fffafc;
  --danger-2: #fff3f7;
  --danger-3: #ffe7ef;
  --danger-4: #ffd9e6;
  --danger-5: #fdc8db;
  --danger-6: #f5b5cd;
  --danger-7: #ea9dbb;
  --danger-8: #cb6590;
  --danger-9: #bf2f77;
  --danger-10: #a81c65;
  --danger-11: #872b56;
  --danger-12: #3e1126;
  /* Semantics (light). Every fg/bg pair below is solved to WCAG 2 AA. */
  --background: #fef4f0;
  --foreground: #29221f;
  --card: #fffbf9;
  --card-foreground: #29221f;
  --popover: #fffbf9;
  --popover-foreground: #29221f;
  --muted: #f6ece8;
  --muted-foreground: #59514d;
  --primary: #562b17;
  --primary-foreground: #ffffff;
  --secondary: #f6ece8;
  --secondary-foreground: #180904;
  --accent: #b3916d;
  --accent-foreground: #29221f;
  --destructive: #bf2f77;
  --destructive-foreground: #ffffff;
  --border: #d2c8c4;
  --input: #938a86;
  --ring: #562b17;
  /* Type */
  --font-heading: "Fraunces", "Fraunces Fallback", Georgia, serif;
  --font-body: "Work Sans", "Work Sans Fallback", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: 0.6944rem;
  --text-sm: 0.8333rem;
  --text-base: 1rem;
  --text-lg: 1.2rem;
  --text-xl: 1.44rem;
  --text-2xl: 1.728rem;
  --text-3xl: 2.0736rem;
  --leading-tight: 1.2;
  --leading-body: 1.5;
  --measure: 65ch;
  /* Rhythm */
  --space: 0.5rem;
  --space-1: calc(var(--space) * 1);
  --space-2: calc(var(--space) * 2);
  --space-3: calc(var(--space) * 3);
  --space-4: calc(var(--space) * 4);
  --space-5: calc(var(--space) * 5);
  --space-6: calc(var(--space) * 6);
  --space-8: calc(var(--space) * 8);
  --space-10: calc(var(--space) * 10);
  --space-12: calc(var(--space) * 12);
  --radius: 14px;
  --radius-sm: 7px;
  --radius-lg: 21px;
  --radius-pill: 14px;
  --shadow-sm: 0 1px 2px color-mix(in oklab, var(--neutral-12) 8%, transparent);
  --shadow-md: 0 2px 8px color-mix(in oklab, var(--neutral-12) 10%, transparent), 0 1px 2px color-mix(in oklab, var(--neutral-12) 6%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in oklab, var(--neutral-12) 14%, transparent);
  --ring-width: 3px;
  --transition: 150ms ease;
  /* Composition: the archetype's layout language (considered, data-grid). */
  --pad-card: calc(var(--space) * 3);
  --pad-control-x: calc(var(--space) * 2.5);
  --pad-control-y: calc(var(--space) * 1.25);
  --pad-cell-x: calc(var(--space) * 2.5);
  --pad-cell-y: calc(var(--space) * 1.5);
  --gap-stack: calc(var(--space) * 3);
  --gap-inline: calc(var(--space) * 2);
  --pad-page-x: calc(var(--space) * 3);
  --pad-page-y: calc(var(--space) * 5);
  --page-max: 76rem;
  --measure: 68ch;
  --list-style: data-grid;
  --elevation: raised;
  /* Legacy aliases (pre-docs/21 names) — kept so older apps, the reference runtime and G10 keep working. */
  --color-bg: var(--background);
  --color-surface: var(--card);
  --color-text: var(--foreground);
  --color-accent: var(--primary);
  --color-muted: var(--muted-foreground);
  --color-border: var(--border);
}
[data-theme="dark"] {
  /* Semantics (dark) — re-solved against a dark ramp, not inverted. */
  --brand-1: #0f0d0c;
  --brand-2: #171311;
  --brand-3: #221b18;
  --brand-4: #2e241f;
  --brand-5: #3b2d26;
  --brand-6: #4b3830;
  --brand-7: #614a3f;
  --brand-8: #8f6b5c;
  --brand-9: #95644f;
  --brand-10: #a67661;
  --brand-11: #e1bbaa;
  --brand-12: #fde6dc;
  --neutral-1: #120c09;
  --neutral-2: #19120f;
  --neutral-3: #221b18;
  --neutral-4: #2c2522;
  --neutral-5: #362f2b;
  --neutral-6: #433b38;
  --neutral-7: #564e4a;
  --neutral-8: #7b726f;
  --neutral-9: #99908c;
  --neutral-10: #aba29f;
  --neutral-11: #cbc2be;
  --neutral-12: #f3e9e5;
  --accent-1: #0e0d0c;
  --accent-2: #161311;
  --accent-3: #211c17;
  --accent-4: #2c251e;
  --accent-5: #382e24;
  --accent-6: #473b2e;
  --accent-7: #5c4d3c;
  --accent-8: #877057;
  --accent-9: #b3916d;
  --accent-10: #c5a481;
  --accent-11: #d8bfa5;
  --accent-12: #f7e8d9;
  --danger-1: #110b0d;
  --danger-2: #1b1014;
  --danger-3: #2a161e;
  --danger-4: #391c28;
  --danger-5: #492132;
  --danger-6: #5d293f;
  --danger-7: #783652;
  --danger-8: #b04d78;
  --danger-9: #bf2f77;
  --danger-10: #d14989;
  --danger-11: #ffa5c8;
  --danger-12: #ffe2ec;
  --background: #120c09;
  --foreground: #f3e9e5;
  --card: #19120f;
  --card-foreground: #f3e9e5;
  --popover: #19120f;
  --popover-foreground: #f3e9e5;
  --muted: #221b18;
  --muted-foreground: #cbc2be;
  --primary: #95644f;
  --primary-foreground: #ffffff;
  --secondary: #221b18;
  --secondary-foreground: #fde6dc;
  --accent: #8e6d4a;
  --accent-foreground: #ffffff;
  --destructive: #bf2f77;
  --destructive-foreground: #ffffff;
  --border: #433b38;
  --input: #7b726f;
  --ring: #95644f;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* Semantics (dark) — re-solved against a dark ramp, not inverted. */
    --brand-1: #0f0d0c;
    --brand-2: #171311;
    --brand-3: #221b18;
    --brand-4: #2e241f;
    --brand-5: #3b2d26;
    --brand-6: #4b3830;
    --brand-7: #614a3f;
    --brand-8: #8f6b5c;
    --brand-9: #95644f;
    --brand-10: #a67661;
    --brand-11: #e1bbaa;
    --brand-12: #fde6dc;
    --neutral-1: #120c09;
    --neutral-2: #19120f;
    --neutral-3: #221b18;
    --neutral-4: #2c2522;
    --neutral-5: #362f2b;
    --neutral-6: #433b38;
    --neutral-7: #564e4a;
    --neutral-8: #7b726f;
    --neutral-9: #99908c;
    --neutral-10: #aba29f;
    --neutral-11: #cbc2be;
    --neutral-12: #f3e9e5;
    --accent-1: #0e0d0c;
    --accent-2: #161311;
    --accent-3: #211c17;
    --accent-4: #2c251e;
    --accent-5: #382e24;
    --accent-6: #473b2e;
    --accent-7: #5c4d3c;
    --accent-8: #877057;
    --accent-9: #b3916d;
    --accent-10: #c5a481;
    --accent-11: #d8bfa5;
    --accent-12: #f7e8d9;
    --danger-1: #110b0d;
    --danger-2: #1b1014;
    --danger-3: #2a161e;
    --danger-4: #391c28;
    --danger-5: #492132;
    --danger-6: #5d293f;
    --danger-7: #783652;
    --danger-8: #b04d78;
    --danger-9: #bf2f77;
    --danger-10: #d14989;
    --danger-11: #ffa5c8;
    --danger-12: #ffe2ec;
    --background: #120c09;
    --foreground: #f3e9e5;
    --card: #19120f;
    --card-foreground: #f3e9e5;
    --popover: #19120f;
    --popover-foreground: #f3e9e5;
    --muted: #221b18;
    --muted-foreground: #cbc2be;
    --primary: #95644f;
    --primary-foreground: #ffffff;
    --secondary: #221b18;
    --secondary-foreground: #fde6dc;
    --accent: #8e6d4a;
    --accent-foreground: #ffffff;
    --destructive: #bf2f77;
    --destructive-foreground: #ffffff;
    --border: #433b38;
    --input: #7b726f;
    --ring: #95644f;
  }
}