/* GENERATED design tokens — E2e-qa Maple Paws Grooming — fingerprint oklch(0.40 0.10 52)/Lora+Work Sans/soft/comfortable. */
/* Source: brand/brand.yaml (direction decided by default). Do not edit; change the vault and recompile. */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/design/fonts/lora.woff2") format("woff2");
}
@font-face {
  font-family: "Lora Fallback";
  src: local("Georgia");
  size-adjust: 99%;
}
@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;
  /* Primitives: 12-step scales, Radix step semantics (1–2 page, 3–5 fills, 6–8 borders, 9–10 solids, 11–12 text). */
  --brand-1: #fffbf8;
  --brand-2: #fdf5f1;
  --brand-3: #f9ebe3;
  --brand-4: #f4e0d5;
  --brand-5: #edd3c5;
  --brand-6: #e2c3b1;
  --brand-7: #d4af99;
  --brand-8: #b18062;
  --brand-9: #713400;
  --brand-10: #5a2800;
  --brand-11: #492104;
  --brand-12: #291507;
  --neutral-1: #fffbf8;
  --neutral-2: #fef5f0;
  --neutral-3: #f5ece7;
  --neutral-4: #ebe3dd;
  --neutral-5: #e0d7d2;
  --neutral-6: #d1c9c3;
  --neutral-7: #beb5b0;
  --neutral-8: #928a86;
  --neutral-9: #78706b;
  --neutral-10: #665f5a;
  --neutral-11: #58514d;
  --neutral-12: #29221f;
  --accent-1: #f8fdfd;
  --accent-2: #f1f9f9;
  --accent-3: #e4f2f3;
  --accent-4: #d5e9ea;
  --accent-5: #c5dfe1;
  --accent-6: #b2d2d4;
  --accent-7: #98c0c3;
  --accent-8: #60979b;
  --accent-9: #006b71;
  --accent-10: #00585d;
  --accent-11: #124b4f;
  --accent-12: #0e292b;
  --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: #fef5f0;
  --foreground: #29221f;
  --card: #fffbf8;
  --card-foreground: #29221f;
  --popover: #fffbf8;
  --popover-foreground: #29221f;
  --muted: #f5ece7;
  --muted-foreground: #58514d;
  --primary: #713400;
  --primary-foreground: #ffffff;
  --secondary: #f9ebe3;
  --secondary-foreground: #291507;
  --accent: #006b71;
  --accent-foreground: #ffffff;
  --destructive: #bf2f77;
  --destructive-foreground: #ffffff;
  --border: #d1c9c3;
  --input: #928a86;
  --ring: #713400;
  /* Type */
  --font-heading: "Lora", "Lora 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: 10px;
  --radius-sm: 5px;
  --radius-lg: 15px;
  --radius-pill: 10px;
  --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 (warm, card-list). */
  --pad-card: calc(var(--space) * 4);
  --pad-control-x: calc(var(--space) * 3);
  --pad-control-y: calc(var(--space) * 1.5);
  --pad-cell-x: calc(var(--space) * 3);
  --pad-cell-y: calc(var(--space) * 2);
  --gap-stack: calc(var(--space) * 4);
  --gap-inline: calc(var(--space) * 2.5);
  --pad-page-x: calc(var(--space) * 3.5);
  --pad-page-y: calc(var(--space) * 6);
  --page-max: 64rem;
  --measure: 62ch;
  --list-style: card-list;
  --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);
}