/* Generated by scripts/build_design_tokens.py from design-system/tokens.json. Do not edit. */
/* Aurelia design token version 4 */
:root {
  --primary: #725b25;
  --brand-gold: #c6a96b;
  --on-primary: #ffffff;
  --primary-container: #f5ecd6;
  --on-primary-container: #3f321a;
  --secondary: #675f53;
  --on-secondary: #ffffff;
  --secondary-container: #efeae1;
  --on-secondary-container: #211e1a;
  --tertiary: #a8325e;
  --on-tertiary: #ffffff;
  --tertiary-container: #fbeff4;
  --on-tertiary-container: #6e1f3d;
  --background: #f7f4ee;
  --on-background: #1a1c1c;
  --surface: #f7f4ee;
  --on-surface: #1a1c1c;
  --surface-variant: #efeae1;
  --on-surface-variant: #675f53;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3efe7;
  --surface-container: #efeae1;
  --surface-container-high: #e8e2d6;
  --surface-container-highest: #e2dbcf;
  --inverse-surface: #17140f;
  --on-inverse-surface: #f3eee5;
  --inverse-primary: #dfc285;
  --outline: #857c6e;
  --outline-variant: #e2dbcf;
  --scrim: #000000;
  --shadow: 0 2px 8px rgba(29,27,22,0.04), 0 8px 24px rgba(29,27,22,0.05);
  --error: #b42318;
  --on-error: #ffffff;
  --error-container: #fef0ee;
  --on-error-container: #8a1c13;
  --success: #365c46;
  --on-success: #ffffff;
  --success-container: #eef5f0;
  --on-success-container: #284534;
  --warning: #9a5b00;
  --on-warning: #ffffff;
  --warning-container: #fff4e0;
  --on-warning-container: #6b3f00;
  --info: #2f5e8c;
  --on-info: #ffffff;
  --info-container: #eef4fa;
  --on-info-container: #1f4266;
  --ink: #1a1c1c;
  --ink-soft: #675f53;
  --paper: #f7f4ee;
  --cream: #f3efe7;
  --gold: #c6a96b;
  --gold-deep: #725b25;
  --green: #365c46;
  --dark: #1a1c1c;
  --muted: #675f53;
  --white: #ffffff;
  --error-soft: #fef0ee;
  --on-error-soft: #8a1c13;
  --success-color: #365c46;
  --success-soft: #eef5f0;
  --on-success-soft: #284534;
  --warning-color: #9a5b00;
  --warning-soft: #fff4e0;
  --info-soft: #eef4fa;
  --bg: #f7f4ee;
  --text: #1a1c1c;
  --accent: #f5ecd6;
  --accent-dk: #725b25;
  --border: #e2dbcf;
  --danger: #b42318;
  --color-bg: #f7f4ee;
  --color-surface: #ffffff;
  --color-primary: #1a1c1c;
  --color-accent: #f5ecd6;
  --color-accent-dark: #725b25;
  --color-text-secondary: #675f53;
  --color-border: #e2dbcf;
  --c-primary: #1a1c1c;
  --c-accent: #f5ecd6;
  --c-success: #365c46;
  --c-warning: #9a5b00;
  --c-danger: #b42318;
  --c-info: #2f5e8c;
  --text-secondary: #675f53;
  --text-primary: #1a1c1c;
  --border-color: #e2dbcf;
  --text-muted: #675f53;
  --focus-ring-color: #725b25;
  --focus-ring-shadow: rgba(114, 91, 37, 0.18);
  --action-primary-start: #1a1c1c;
  --action-primary-end: #1a1c1c;
  --action-primary-hover-start: #221e18;
  --action-primary-hover-end: #221e18;
  --filter-confirmed: #365c46;
  --filter-pending: #9a5b00;
  --filter-declined: #b42318;
  --filter-active: #1a1c1c;
  --shadow-card: 0 2px 8px rgba(29,27,22,0.04), 0 8px 24px rgba(29,27,22,0.05);
  --shadow-float: 0 4px 16px rgba(29,27,22,0.06), 0 16px 40px rgba(29,27,22,0.08);
  --shadow-sm: 0 1px 4px rgba(29,27,22,0.03), 0 4px 10px rgba(29,27,22,0.03);
  --shadow-md: 0 2px 8px rgba(29,27,22,0.04), 0 8px 24px rgba(29,27,22,0.05);
  --shadow-lg: 0 3px 12px rgba(29,27,22,0.05), 0 12px 32px rgba(29,27,22,0.065);
  --shadow-gold: 0 12px 32px rgba(114,91,37,0.08);
  --hilo-gradient: linear-gradient(100deg, #1a1c1c, #1a1c1c);
  --token-version: 4;
  color-scheme: light;
  --font-display: 'Fraunces', Georgia, serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans: 'Manrope', system-ui, sans-serif;
  --text-display-large: 3.5rem;
  --text-display: 2.6rem;
  --text-headline: 1.9rem;
  --text-title: 1.35rem;
  --text-body: 0.9375rem;
  --text-label: 0.72rem;
  --space-none: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --elevation-card: 0 2px 8px rgba(29,27,22,0.04), 0 8px 24px rgba(29,27,22,0.05);
  --elevation-float: 0 4px 16px rgba(29,27,22,0.06), 0 16px 40px rgba(29,27,22,0.08);
  --target-web: 44px;
  --target-ios: 44px;
  --target-android: 48px;
  --motion-press: 90ms;
  --motion-fast: 150ms;
  --motion-medium: 250ms;
  --motion-enter: 420ms;
  --motion-skeleton: 1600ms;
  --motion-skeleton-lag: 250ms;
  --motion-stagger-list: 35ms;
  --motion-stagger-max: 260ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-color-scheme: dark) and (--aurelia-dark-mode) {
  :root {
  --primary: #dfc285;
  --brand-gold: #dfc285;
  --on-primary: #2a210c;
  --primary-container: #594719;
  --on-primary-container: #f7e5b6;
  --secondary: #d0c7b5;
  --on-secondary: #343027;
  --secondary-container: #4b463b;
  --on-secondary-container: #ece4d5;
  --tertiary: #e79ab8;
  --on-tertiary: #4a1029;
  --tertiary-container: #4a1a2e;
  --on-tertiary-container: #fbd9e6;
  --background: #0f0d0a;
  --on-background: #f3eee5;
  --surface: #0f0d0a;
  --on-surface: #f3eee5;
  --surface-variant: #24201a;
  --on-surface-variant: #b9af9f;
  --surface-container-lowest: #1a1713;
  --surface-container-low: #15130f;
  --surface-container: #1f1b16;
  --surface-container-high: #24201a;
  --surface-container-highest: #2e2820;
  --inverse-surface: #f1eee7;
  --on-inverse-surface: #302c25;
  --inverse-primary: #725b25;
  --outline: #8f8676;
  --outline-variant: #2e2a24;
  --scrim: #000000;
  --shadow: 0 2px 8px rgba(0,0,0,0.20), 0 8px 24px rgba(0,0,0,0.18);
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffdad6;
  --success: #8ed5a7;
  --on-success: #073723;
  --success-container: #12452f;
  --on-success-container: #c8f1d5;
  --warning: #f4c36c;
  --on-warning: #402900;
  --warning-container: #5a3b05;
  --on-warning-container: #ffdfad;
  --info: #b4c6ff;
  --on-info: #142c63;
  --info-container: #213d7b;
  --on-info-container: #dce5ff;
  --ink: #f3eee5;
  --ink-soft: #b9af9f;
  --paper: #0f0d0a;
  --cream: #15130f;
  --gold: #dfc285;
  --gold-deep: #dfc285;
  --green: #8ed5a7;
  --dark: #f3eee5;
  --muted: #b9af9f;
  --white: #1a1713;
  --error-soft: #93000a;
  --on-error-soft: #ffdad6;
  --success-color: #8ed5a7;
  --success-soft: #12452f;
  --on-success-soft: #c8f1d5;
  --warning-color: #f4c36c;
  --warning-soft: #5a3b05;
  --info-soft: #213d7b;
  --bg: #0f0d0a;
  --text: #f3eee5;
  --accent: #594719;
  --accent-dk: #dfc285;
  --border: #2e2a24;
  --danger: #ffb4ab;
  --color-bg: #0f0d0a;
  --color-surface: #1a1713;
  --color-primary: #f3eee5;
  --color-accent: #594719;
  --color-accent-dark: #dfc285;
  --color-text-secondary: #b9af9f;
  --color-border: #2e2a24;
  --c-primary: #f3eee5;
  --c-accent: #594719;
  --c-success: #8ed5a7;
  --c-warning: #f4c36c;
  --c-danger: #ffb4ab;
  --c-info: #b4c6ff;
  --text-secondary: #b9af9f;
  --text-primary: #f3eee5;
  --border-color: #2e2a24;
  --text-muted: #b9af9f;
  --focus-ring-color: #dfc285;
  --focus-ring-shadow: rgba(223, 194, 133, 0.18);
  --action-primary-start: #725b25;
  --action-primary-end: #5a4720;
  --action-primary-hover-start: #8c6f36;
  --action-primary-hover-end: #725b25;
  --filter-confirmed: #8ed5a7;
  --filter-pending: #f4c36c;
  --filter-declined: #ffb4ab;
  --filter-active: #f3eee5;
  --shadow-card: 0 2px 8px rgba(0,0,0,0.20), 0 8px 24px rgba(0,0,0,0.18);
  --shadow-float: 0 4px 16px rgba(0,0,0,0.28), 0 16px 40px rgba(0,0,0,0.32);
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.12);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.20), 0 8px 24px rgba(0,0,0,0.18);
  --shadow-lg: 0 3px 12px rgba(0,0,0,0.24), 0 12px 32px rgba(0,0,0,0.25);
  --shadow-gold: 0 12px 32px rgba(0,0,0,0.22);
  --hilo-gradient: linear-gradient(100deg, #725b25, #5a4720);
  --token-version: 4;
  color-scheme: dark;
  --font-display: 'Fraunces', Georgia, serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans: 'Manrope', system-ui, sans-serif;
  --text-display-large: 3.5rem;
  --text-display: 2.6rem;
  --text-headline: 1.9rem;
  --text-title: 1.35rem;
  --text-body: 0.9375rem;
  --text-label: 0.72rem;
  --space-none: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --elevation-card: 0 2px 8px rgba(0,0,0,0.20), 0 8px 24px rgba(0,0,0,0.18);
  --elevation-float: 0 4px 16px rgba(0,0,0,0.28), 0 16px 40px rgba(0,0,0,0.32);
  --target-web: 44px;
  --target-ios: 44px;
  --target-android: 48px;
  --motion-press: 90ms;
  --motion-fast: 150ms;
  --motion-medium: 250ms;
  --motion-enter: 420ms;
  --motion-skeleton: 1600ms;
  --motion-skeleton-lag: 250ms;
  --motion-stagger-list: 35ms;
  --motion-stagger-max: 260ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
}
/* design.md semantic tokens */
:root {
  --canvas: #F7F4EE;
  --surface: #FFFFFF;
  --surface-sunken: #EFEAE1;
  --surface-ink: #17140F;
  --surface-ink-raised: #221E18;
  --text: #1A1C1C;
  --text-2: #675F53;
  --text-3: #857C6E;
  --text-on-ink: #F3EEE5;
  --text-on-ink-2: #B9AF9F;
  --gold-on-ink: #DFC285;
  --gold-text: #725B25;
  --gold: #C6A96B;
  --gold-soft: #F5ECD6;
  --gold-50: #FBF7EE;
  --accent: #A8325E;
  --accent-soft: #FBEFF4;
  --sage: #47755A;
  --olive: #46543D;
  --ok: #247A4B;
  --ok-bg: #E5F4EB;
  --warn: #9A5B00;
  --warn-bg: #FFF4E0;
  --err: #B42318;
  --err-bg: #FEF0EE;
  --info: #2F5E8C;
  --info-bg: #EEF4FA;
  --neutral: #4C463D;
  --neutral-bg: #EFEAE1;
  --hairline: rgb(26 28 28 / .09);
  --hairline-strong: rgb(26 28 28 / .18);
  --focus: 0 0 0 3px rgb(198 169 107 / .55);
  --focus-outline: 2px solid #725B25;
  --shadow-color: 35deg 25% 30%;
  --backdrop: rgb(15 13 10 / .45);
  --space-1: 4px;
  --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-xs: 6px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-pill: 999px;
  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-sidebar: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --dur-instant: 100ms;
  --dur-fast: 160ms;
  --dur-base: 220ms;
  --dur-moderate: 320ms;
  --dur-page: 380ms;
  --dur-draw: 600ms;
  --dur-count: 700ms;
  --dur-celebrate: 900ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-accel: cubic-bezier(0.3, 0, 0.8, 0.15);
  --stagger: 40ms;
  --elev-0: none;
  --elev-1: 0 1px 1px hsl(var(--shadow-color) / .06), 0 2px 4px -1px hsl(var(--shadow-color) / .06);
  --elev-2: 0 1px 1px hsl(var(--shadow-color) / .05), 0 4px 8px -2px hsl(var(--shadow-color) / .08), 0 12px 24px -6px hsl(var(--shadow-color) / .10);
  --elev-3: 0 2px 2px hsl(var(--shadow-color) / .05), 0 8px 16px -4px hsl(var(--shadow-color) / .10), 0 24px 48px -12px hsl(var(--shadow-color) / .18);
  --fs-display-xl: 4rem;
  --lh-display-xl: 1;
  --fw-display-xl: 340;
  --fs-display-l: 3rem;
  --lh-display-l: 1.0833;
  --fw-display-l: 360;
  --fs-h1: 2rem;
  --lh-h1: 1.1875;
  --fw-h1: 420;
  --fs-h2: 1.5rem;
  --lh-h2: 1.25;
  --fw-h2: 600;
  --fs-h3: 1.125rem;
  --lh-h3: 1.3333;
  --fw-h3: 600;
  --fs-body: 1rem;
  --lh-body: 1.5;
  --fw-body: 400;
  --fs-body-s: 0.875rem;
  --lh-body-s: 1.4286;
  --fw-body-s: 400;
  --fs-label: 0.75rem;
  --lh-label: 1.3333;
  --fw-label: 600;
  --fs-caption: 0.75rem;
  --lh-caption: 1.3333;
  --fw-caption: 400;
}
@media (prefers-color-scheme: dark) and (--aurelia-dark-mode) {
  :root {
  --canvas: #0F0D0A;
  --surface: #1A1713;
  --surface-sunken: #15130F;
  --surface-ink: #24201A;
  --surface-ink-raised: #2E2820;
  --text: #F3EEE5;
  --text-2: #B9AF9F;
  --text-3: #8F8676;
  --text-on-ink: #F3EEE5;
  --text-on-ink-2: #B9AF9F;
  --gold-on-ink: #DFC285;
  --gold-text: #DFC285;
  --gold: #C6A96B;
  --gold-soft: #2E2618;
  --gold-50: #211C12;
  --accent: #E79AB8;
  --accent-soft: #3A1626;
  --sage: #8DBB9C;
  --olive: #A9B49B;
  --ok: #62C98D;
  --ok-bg: #12301F;
  --warn: #F4C36C;
  --warn-bg: #2E2008;
  --err: #FFB4AB;
  --err-bg: #3A1512;
  --info: #A9C6EA;
  --info-bg: #14243A;
  --neutral: #CEC5B6;
  --neutral-bg: #24201A;
  --hairline: rgb(255 255 255 / .08);
  --hairline-strong: rgb(255 255 255 / .16);
  --focus: 0 0 0 3px rgb(223 194 133 / .5);
  --focus-outline: 2px solid #DFC285;
  --shadow-color: 30deg 30% 2%;
  --backdrop: rgb(0 0 0 / .6);
}
}
@media (prefers-reduced-motion: reduce) {
  :root {
  --dur-fast: 0ms;
  --dur-base: 120ms;
  --dur-moderate: 120ms;
  --dur-page: 0ms;
  --dur-draw: 0ms;
  --dur-count: 0ms;
  --dur-celebrate: 0ms;
}
}