/* @brightwild/design · tokens. Generated from tokens.json by gen/tokens_css.py; do not edit. */
:root, [data-theme="light"] {
  --n-25: #fbf9f7;
  --n-50: #f3eeeb;
  --n-75: #eee9e6;
  --n-100: #e6e1de;
  --n-150: #d8d3d0;
  --n-200: #cac6c4;
  --n-250: #bdb9b7;
  --n-300: #b1adab;
  --n-350: #a4a09e;
  --n-400: #979493;
  --n-450: #8a8786;
  --n-500: #7e7b7a;
  --n-550: #72706e;
  --n-600: #676563;
  --n-625: #5d5b5a;
  --n-650: #5a5958;
  --n-700: #4f4e4d;
  --n-750: #454443;
  --n-800: #3a3938;
  --n-850: #302f2e;
  --n-900: #262524;
  --n-950: #1b1b1b;
  --n-1000: #121212;
  --n-desk: #0d0d0d;
  --n-white: #ffffff;
  --p-50: #f8f5f3;
  --p-75: #f2f0ee;
  --p-100: #e9e7e6;
  --p-150: #dad8d7;
  --p-200: #cccac9;
  --p-250: #bebcbb;
  --p-300: #b1afae;
  --p-350: #a3a1a0;
  --h-confirm-lift: #6cc494;
  --h-confirm-deep: #266344;
  --h-confirm-mark: #51b17d;
  --h-confirm-mark-deep: #306b4b;
  --h-hold-lift: #d8a35c;
  --h-hold-deep: #785116;
  --h-hold-mark: #c68a3a;
  --h-hold-mark-deep: #a86a00;
  --h-alert-lift: #ff7a72;
  --h-alert-deep: #b3161b;
  --h-alert-mark: #f2403d;
  --h-alert-mark-deep: #c8191f;
  --h-alert-press: #8f1116;
  --bg-sunken: var(--p-100);
  --bg-canvas: var(--p-50);
  --bg-raised: var(--p-50);
  --bg-overlay: var(--p-50);
  --bg-inverse: var(--n-1000);
  --state-hover: rgba(18, 18, 18, 0.05);
  --state-pressed: rgba(18, 18, 18, 0.09);
  --state-selected: rgba(18, 18, 18, 0.08);
  --bg-ours: rgba(18, 18, 18, 0.08);
  --border-subtle: var(--p-150);
  --border-control: var(--n-500);
  --border-strong: var(--n-1000);
  --text-primary: var(--n-1000);
  --text-secondary: var(--n-700);
  --text-tertiary: var(--n-650);
  --text-disabled: var(--n-450);
  --text-inverse: var(--p-50);
  --action-primary: var(--n-1000);
  --action-primary-hover: var(--n-850);
  --action-danger: var(--h-alert-deep);
  --action-danger-hover: var(--h-alert-press);
  --action-danger-text: var(--p-50);
  --focus-ring: var(--n-1000);
  --success-text: var(--h-confirm-deep);
  --success-mark: var(--h-confirm-mark-deep);
  --warning-text: var(--h-hold-deep);
  --warning-mark: var(--h-hold-mark-deep);
  --danger-text: var(--h-alert-deep);
  --danger-mark: var(--h-alert-mark-deep);
  --chart-1: var(--n-1000);
  --chart-2: var(--n-800);
  --chart-3: var(--n-650);
  --chart-4: var(--n-500);
  --chart-grid: var(--p-150);
  --viz-1: var(--n-1000);
  --viz-2: var(--n-600);
  --viz-3: var(--p-300);
  --viz-context: var(--p-250);
  --viz-seq-1: #c2f3f2;
  --viz-seq-2: #7dcece;
  --viz-seq-3: #047879;
  --viz-seq-4: #055c5c;
  --viz-seq-5: #004141;
  --viz-up: var(--h-confirm-mark-deep);
  --viz-down: var(--h-alert-mark-deep);
  --viz-mid: var(--p-200);
  --viz-cat-1: #029393;
  --viz-cat-2: #6e7e01;
  --viz-cat-3: #8a2b45;
  --viz-cat-4: #644b9e;
  --viz-cat-5: #964101;
  --viz-cat-6: #7c316e;
  --scrim: rgba(18, 18, 18, 0.40);
  --skeleton: var(--p-100);
  --bg-field: var(--p-100);
  --bg-plate: var(--p-75);
  --control-fill: var(--p-100);
  --control-fill-raised: var(--p-150);
  --control-fill-on: var(--p-200);
  --control-fill-on-raised: var(--p-250);
  --range-band: rgba(18, 18, 18, 0.10);
  --border-control-on-field: var(--n-550);
  --border-structure: var(--p-300);
  --line-guest-divide: var(--p-150);
  --line-guest-structure: var(--p-300);
  --veil-soft: rgba(18, 18, 18, 0.62);
  --veil-firm: rgba(18, 18, 18, 0.78);
  --veil-text-primary: var(--n-white);
  --veil-text-secondary: var(--n-100);
  --veil-text-quiet: var(--n-250);
  --veil-line: rgba(243, 238, 235, 0.28);
  --veil-border-control: rgba(243, 238, 235, 0.42);
  --line-staff-divide: var(--p-150);
  --shadow-overlay: 0 1px 2px rgba(18, 18, 18, 0.06), 0 8px 24px rgba(18, 18, 18, 0.12);
  --shadow-dialog: 0 24px 60px rgba(18, 18, 18, 0.18);
  color-scheme: light;
}
/* Follow the device: dark when the system is dark and nothing pins light (D-112 device check). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-sunken: var(--n-desk);
    --bg-canvas: var(--n-1000);
    --bg-raised: var(--n-950);
    --bg-overlay: var(--n-900);
    --bg-inverse: var(--n-50);
    --state-hover: rgba(243, 238, 235, 0.07);
    --state-pressed: rgba(243, 238, 235, 0.11);
    --state-selected: rgba(243, 238, 235, 0.10);
    --bg-ours: rgba(243, 238, 235, 0.10);
    --border-subtle: var(--n-850);
    --border-control: var(--n-500);
    --border-strong: var(--n-50);
    --text-primary: var(--n-50);
    --text-secondary: var(--n-200);
    --text-tertiary: var(--n-300);
    --text-disabled: var(--n-600);
    --text-inverse: var(--n-1000);
    --action-primary: var(--n-50);
    --action-primary-hover: var(--n-150);
    --action-danger: var(--h-alert-mark);
    --action-danger-hover: var(--h-alert-lift);
    --action-danger-text: var(--n-1000);
    --focus-ring: var(--n-50);
    --success-text: var(--h-confirm-lift);
    --success-mark: var(--h-confirm-mark);
    --warning-text: var(--h-hold-lift);
    --warning-mark: var(--h-hold-mark);
    --danger-text: var(--h-alert-lift);
    --danger-mark: var(--h-alert-mark);
    --chart-1: var(--n-50);
    --chart-2: var(--n-250);
    --chart-3: var(--n-400);
    --chart-4: var(--n-550);
    --chart-grid: var(--n-850);
    --viz-1: var(--n-50);
    --viz-2: var(--n-350);
    --viz-3: var(--n-625);
    --viz-context: var(--n-650);
    --viz-seq-1: #023536;
    --viz-seq-2: #005656;
    --viz-seq-3: #05a7a7;
    --viz-seq-4: #70c1c1;
    --viz-seq-5: #afdfde;
    --viz-up: var(--h-confirm-mark);
    --viz-down: var(--h-alert-mark);
    --viz-mid: var(--n-800);
    --viz-cat-1: #05a7a7;
    --viz-cat-2: #8b9c33;
    --viz-cat-3: #ab4960;
    --viz-cat-4: #8168be;
    --viz-cat-5: #a9531e;
    --viz-cat-6: #9b4e8c;
    --scrim: rgba(0, 0, 0, 0.60);
    --skeleton: var(--n-900);
    --bg-field: var(--n-900);
    --bg-plate: var(--n-950);
    --control-fill: var(--n-900);
    --control-fill-raised: var(--n-850);
    --control-fill-on: var(--n-800);
    --control-fill-on-raised: var(--n-750);
    --range-band: rgba(243, 238, 235, 0.14);
    --border-control-on-field: var(--n-500);
    --border-structure: var(--n-750);
    --line-guest-divide: var(--n-900);
    --line-guest-structure: var(--n-750);
    --line-staff-divide: var(--n-850);
    --shadow-overlay: 0 0 0 1px rgba(243, 238, 235, 0.08), 0 1px 2px rgba(0, 0, 0, 0.40), 0 12px 28px rgba(0, 0, 0, 0.45);
    --shadow-dialog: 0 24px 60px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --bg-sunken: var(--n-desk);
  --bg-canvas: var(--n-1000);
  --bg-raised: var(--n-950);
  --bg-overlay: var(--n-900);
  --bg-inverse: var(--n-50);
  --state-hover: rgba(243, 238, 235, 0.07);
  --state-pressed: rgba(243, 238, 235, 0.11);
  --state-selected: rgba(243, 238, 235, 0.10);
  --bg-ours: rgba(243, 238, 235, 0.10);
  --border-subtle: var(--n-850);
  --border-control: var(--n-500);
  --border-strong: var(--n-50);
  --text-primary: var(--n-50);
  --text-secondary: var(--n-200);
  --text-tertiary: var(--n-300);
  --text-disabled: var(--n-600);
  --text-inverse: var(--n-1000);
  --action-primary: var(--n-50);
  --action-primary-hover: var(--n-150);
  --action-danger: var(--h-alert-mark);
  --action-danger-hover: var(--h-alert-lift);
  --action-danger-text: var(--n-1000);
  --focus-ring: var(--n-50);
  --success-text: var(--h-confirm-lift);
  --success-mark: var(--h-confirm-mark);
  --warning-text: var(--h-hold-lift);
  --warning-mark: var(--h-hold-mark);
  --danger-text: var(--h-alert-lift);
  --danger-mark: var(--h-alert-mark);
  --chart-1: var(--n-50);
  --chart-2: var(--n-250);
  --chart-3: var(--n-400);
  --chart-4: var(--n-550);
  --chart-grid: var(--n-850);
  --viz-1: var(--n-50);
  --viz-2: var(--n-350);
  --viz-3: var(--n-625);
  --viz-context: var(--n-650);
  --viz-seq-1: #023536;
  --viz-seq-2: #005656;
  --viz-seq-3: #05a7a7;
  --viz-seq-4: #70c1c1;
  --viz-seq-5: #afdfde;
  --viz-up: var(--h-confirm-mark);
  --viz-down: var(--h-alert-mark);
  --viz-mid: var(--n-800);
  --viz-cat-1: #05a7a7;
  --viz-cat-2: #8b9c33;
  --viz-cat-3: #ab4960;
  --viz-cat-4: #8168be;
  --viz-cat-5: #a9531e;
  --viz-cat-6: #9b4e8c;
  --scrim: rgba(0, 0, 0, 0.60);
  --skeleton: var(--n-900);
  --bg-field: var(--n-900);
  --bg-plate: var(--n-950);
  --control-fill: var(--n-900);
  --control-fill-raised: var(--n-850);
  --control-fill-on: var(--n-800);
  --control-fill-on-raised: var(--n-750);
  --range-band: rgba(243, 238, 235, 0.14);
  --border-control-on-field: var(--n-500);
  --border-structure: var(--n-750);
  --line-guest-divide: var(--n-900);
  --line-guest-structure: var(--n-750);
  --line-staff-divide: var(--n-850);
  --shadow-overlay: 0 0 0 1px rgba(243, 238, 235, 0.08), 0 1px 2px rgba(0, 0, 0, 0.40), 0 12px 28px rgba(0, 0, 0, 0.45);
  --shadow-dialog: 0 24px 60px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}
:root {
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-23: 23px;
  --fs-34: 34px;
  --fs-42: 42px;
  --fs-72: 72px;
  --lh-16: 16px;
  --lh-20: 20px;
  --lh-24: 24px;
  --lh-28: 28px;
  --lh-40: 40px;
  --lh-44: 44px;
  --lh-68: 68px;
  --fw-regular: 400;
  --fw-strong: 600;
  --tracking-mono: 0.06em;
  --space-hair: 2px;
  --space-1: 4px;
  --space-cell: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --ctl-sm: 28px;
  --ctl-md: 32px;
  --ctl-lg: 40px;
  --ctl-touch: 44px;
  --row-compact: 32px;
  --row-default: 40px;
  --row-comfortable: 48px;
  --nav-row: 32px;
  --icon-sm: 14px;
  --icon-md: 16px;
  --icon-lg: 20px;
  --border-width: 1px;
  --ring-width: 2px;
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 56px;
  --page-bar-h: 52px;
  --pane-list: 380px;
  --pane-context: 320px;
  --content-max: 1200px;
  --dialog-sm: 420px;
  --dialog-md: 560px;
  --measure: 66ch;
  --guest-gutter: 60px;
  --guest-content-max: 1360px;
  --guest-header-h: 64px;
  --guest-strip-h: 56px;
  --portal-rail-w: 220px;
  --duration-fast: 120ms;
  --duration-base: 160ms;
  --duration-slow: 240ms;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-reveal: cubic-bezier(0.34, 1.56, 0.64, 1);
  --z-sticky: 10;
  --z-dropdown: 100;
  --z-dialog: 200;
  --z-toast: 300;
  --z-tooltip: 400;
  /* --bw-font-sans and --bw-font-mono (1.11.0) let an app supply the faces
     itself, e.g. next/font's variables; unset, the @font-face rules below do. */
  --font-sans: var(--bw-font-sans, "Graphik Web"), system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: var(--bw-font-mono, "GG Mono Web"), ui-monospace, "SFMono-Regular", Menlo, monospace;
}
@font-face { font-family: "Graphik Web"; src: url("./fonts/Graphik-Regular-Web.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Graphik Web"; src: url("./fonts/Graphik-RegularItalic-Web.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Graphik Web"; src: url("./fonts/Graphik-Semibold-Web.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Graphik Web"; src: url("./fonts/Graphik-SemiboldItalic-Web.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "GG Mono Web"; src: url("./fonts/GeneralGrotesqueMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }