/* Generated by tools/build_tokens.py from tokens/tokens.json. Do not edit by hand. */
:root {
  --p-color-black: #141414;
  --p-color-black-80: #2B2B2B;
  --p-color-black-70: #3A3A3A;
  --p-color-grey-700: #4F4F4F;
  --p-color-grey-600: #666664;
  --p-color-grey-500: #8A8A87;
  --p-color-grey-450: #90908D;
  --p-color-grey-300: #CFCFCC;
  --p-color-grey-200: #E3E3E0;
  --p-color-grey-150: #EAEAE7;
  --p-color-grey-100: #F3F3F1;
  --p-color-white: #FDFDFC;
  --p-color-pure: #FFFFFF;
  --p-color-gold: #C9A24B;
  --p-color-gold-deep: #82621A;
  --p-color-gold-light: #D9B867;
  --p-color-red: #B3261E;
  --p-color-red-light: #F2A39B;
  --p-color-green: #2F6B3A;
  --p-color-green-light: #9ED4A6;
  --font-body: 'Onest', -apple-system, 'Segoe UI', Arial, sans-serif;
  --size-xs: 0.75rem;
  --size-sm: 0.875rem;
  --size-md: 1rem;
  --size-lead: clamp(1.125rem, 0.95rem + 0.7vw, 1.5rem);
  --size-h4: 1.0625rem;
  --size-h3: clamp(1.0625rem, 0.95rem + 0.4vw, 1.375rem);
  --size-h2: clamp(1.375rem, 1.1rem + 1.1vw, 2.125rem);
  --size-display: clamp(2.5rem, 1.4rem + 4vw, 4.5rem);
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-body: 1.6;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --tracking-caps: 0.04em;
  --tracking-nav: 0.07em;
  --tracking-logo: 0.12em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-tile: 0.75rem;
  --space-gutter: clamp(1rem, 0.5rem + 2vw, 2.25rem);
  --space-section: clamp(3.5rem, 2.4rem + 4.5vw, 7rem);
  --size-ui-line: 1px;
  --size-ui-focus: 2px;
  --size-ui-target: 2.75rem;
  --size-ui-header: 4.25rem;
  --size-ui-measure: 62ch;
  --size-ui-wide: 90rem;
  --size-ui-content: 75rem;
  --size-ui-rule: 2px;
  --radius-none: 0;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-label: 0.375rem;
  --shadow-float: 0 0.5rem 1.5rem rgba(20, 20, 20, 0.18);
  --shadow-header: 0 1px 0 rgba(20, 20, 20, 0.08);
  --motion-fast: 160ms;
  --motion-base: 260ms;
  --motion-slow: 700ms;
  --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-fade: 1200ms;
  --motion-slide: 6500ms;
  --motion-reveal: 1100ms;
  --motion-ticker: 38s;
  --motion-stagger: 90ms;
  --motion-banner: 9s;
  --z-header: 50;
  --z-float: 60;
  --z-dialog: 100;
  --brand-gold: var(--p-color-gold);
  --brand-black: var(--p-color-black);
  --brand-on-photo: var(--p-color-pure);
  --brand-scrim: linear-gradient(to top, rgba(20, 20, 20, 0.74) 0%, rgba(20, 20, 20, 0.42) 42%, rgba(20, 20, 20, 0) 75%);
  --brand-backdrop: rgba(20, 20, 20, 0.6);
  --brand-on-photo-dim: rgba(255, 255, 255, 0.45);
  --brand-veil: rgba(20, 20, 20, 0.35);
}
:root,
[data-theme="paper"] {
  color-scheme: light;
  --surface-page: var(--p-color-white);
  --surface-raised: var(--p-color-pure);
  --surface-sunken: var(--p-color-grey-100);
  --text-primary: var(--p-color-black);
  --text-secondary: var(--p-color-grey-700);
  --text-muted: var(--p-color-grey-600);
  --text-accent: var(--p-color-gold-deep);
  --text-error: var(--p-color-red);
  --text-success: var(--p-color-green);
  --border-subtle: var(--p-color-grey-200);
  --border-input: var(--p-color-grey-500);
  --border-accent: var(--p-color-gold-deep);
  --border-strong: var(--p-color-black);
  --action-primary-bg: var(--p-color-black);
  --action-primary-bg-hover: var(--p-color-black-80);
  --action-primary-bg-active: var(--p-color-black-70);
  --action-primary-fg: var(--p-color-pure);
  --action-primary-fg-hover: var(--p-color-pure);
  --action-selected-bg: var(--p-color-black);
  --action-selected-fg: var(--p-color-pure);
  --action-ghost-bg-hover: var(--p-color-grey-150);
  --action-ghost-bg-active: var(--p-color-grey-200);
  --action-disabled-fg: var(--p-color-grey-450);
  --action-focus: var(--p-color-black);
}
[data-theme="ink"] {
  color-scheme: dark;
  --surface-page: var(--p-color-black);
  --surface-raised: var(--p-color-black-80);
  --surface-sunken: var(--p-color-black);
  --text-primary: var(--p-color-pure);
  --text-secondary: var(--p-color-grey-200);
  --text-muted: var(--p-color-grey-300);
  --text-accent: var(--p-color-gold-light);
  --text-error: var(--p-color-red-light);
  --text-success: var(--p-color-green-light);
  --border-subtle: var(--p-color-black-70);
  --border-input: var(--p-color-grey-500);
  --border-accent: var(--p-color-gold);
  --border-strong: var(--p-color-pure);
  --action-primary-bg: var(--p-color-pure);
  --action-primary-bg-hover: var(--p-color-grey-150);
  --action-primary-bg-active: var(--p-color-grey-200);
  --action-primary-fg: var(--p-color-black);
  --action-primary-fg-hover: var(--p-color-black);
  --action-selected-bg: var(--p-color-pure);
  --action-selected-fg: var(--p-color-black);
  --action-ghost-bg-hover: var(--p-color-black-80);
  --action-ghost-bg-active: var(--p-color-black-70);
  --action-disabled-fg: var(--p-color-grey-500);
  --action-focus: var(--p-color-pure);
}