:root {
  --color-bg: #eeeeea;
  --color-surface: #ffffff;
  --color-surface-muted: #e2e2dc;
  --color-text: #111111;
  --color-text-muted: #5a5a55;
  --color-accent: #111111;
  --color-on-accent: #ffffff;
  --color-highlight: #d6ff3b;
  --color-on-highlight: #111111;
  --color-stamp: #8a4b00;
  --color-line: #dcdcd6;
  --color-danger: #a12a1f;
  --color-success: #1f5a2b;
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --text-display-size: 40px;
  --text-display-line-height: 40px;
  --text-display-weight: 800;
  --text-display-style: normal;
  --text-display-letter-spacing: -1.6px;
  --text-title-size: 24px;
  --text-title-line-height: 28px;
  --text-title-weight: 800;
  --text-title-style: normal;
  --text-title-letter-spacing: -0.6px;
  --text-heading-size: 18px;
  --text-heading-line-height: 24px;
  --text-heading-weight: 600;
  --text-heading-style: normal;
  --text-heading-letter-spacing: 0px;
  --text-body-size: 16px;
  --text-body-line-height: 24px;
  --text-body-weight: 400;
  --text-body-style: normal;
  --text-body-letter-spacing: 0px;
  --text-body-small-size: 14px;
  --text-body-small-line-height: 20px;
  --text-body-small-weight: 400;
  --text-body-small-style: normal;
  --text-body-small-letter-spacing: 0px;
  --text-button-size: 15px;
  --text-button-line-height: 20px;
  --text-button-weight: 600;
  --text-button-style: normal;
  --text-button-letter-spacing: 0px;
  --text-label-size: 12px;
  --text-label-line-height: 16px;
  --text-label-weight: 600;
  --text-label-style: normal;
  --text-label-letter-spacing: 0.5px;
  --text-stamp-size: 11px;
  --text-stamp-line-height: 14px;
  --text-stamp-weight: 500;
  --text-stamp-style: normal;
  --text-stamp-letter-spacing: 0.5px;
  --space-0: 0px;
  --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;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0px 1px 3px rgba(17,17,17,0.08);
  --shadow-md: 0px 10px 30px rgba(17,17,17,0.12);
  --shadow-lg: 0px 18px 40px rgba(17,17,17,0.16);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 360ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --color-bg: #111111;
  --color-surface: #1c1c1c;
  --color-surface-muted: #2a2a2a;
  --color-text: #f4f4f0;
  --color-text-muted: #bdbdb6;
  --color-accent: #d6ff3b;
  --color-on-accent: #111111;
  --color-highlight: #d6ff3b;
  --color-on-highlight: #111111;
  --color-stamp: #ffd27a;
  --color-line: #2e2e2e;
  --color-danger: #ff7a6b;
  --color-success: #7fc98f;
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --text-display-size: 40px;
  --text-display-line-height: 40px;
  --text-display-weight: 800;
  --text-display-style: normal;
  --text-display-letter-spacing: -1.6px;
  --text-title-size: 24px;
  --text-title-line-height: 28px;
  --text-title-weight: 800;
  --text-title-style: normal;
  --text-title-letter-spacing: -0.6px;
  --text-heading-size: 18px;
  --text-heading-line-height: 24px;
  --text-heading-weight: 600;
  --text-heading-style: normal;
  --text-heading-letter-spacing: 0px;
  --text-body-size: 16px;
  --text-body-line-height: 24px;
  --text-body-weight: 400;
  --text-body-style: normal;
  --text-body-letter-spacing: 0px;
  --text-body-small-size: 14px;
  --text-body-small-line-height: 20px;
  --text-body-small-weight: 400;
  --text-body-small-style: normal;
  --text-body-small-letter-spacing: 0px;
  --text-button-size: 15px;
  --text-button-line-height: 20px;
  --text-button-weight: 600;
  --text-button-style: normal;
  --text-button-letter-spacing: 0px;
  --text-label-size: 12px;
  --text-label-line-height: 16px;
  --text-label-weight: 600;
  --text-label-style: normal;
  --text-label-letter-spacing: 0.5px;
  --text-stamp-size: 11px;
  --text-stamp-line-height: 14px;
  --text-stamp-weight: 500;
  --text-stamp-style: normal;
  --text-stamp-letter-spacing: 0.5px;
  --space-0: 0px;
  --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;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0px 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0px 6px 18px rgba(0,0,0,0.5);
  --shadow-lg: 0px 18px 40px rgba(0,0,0,0.6);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 360ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
  color-scheme: dark;
}
}
:root[data-theme="dark"] {
  --color-bg: #111111;
  --color-surface: #1c1c1c;
  --color-surface-muted: #2a2a2a;
  --color-text: #f4f4f0;
  --color-text-muted: #bdbdb6;
  --color-accent: #d6ff3b;
  --color-on-accent: #111111;
  --color-highlight: #d6ff3b;
  --color-on-highlight: #111111;
  --color-stamp: #ffd27a;
  --color-line: #2e2e2e;
  --color-danger: #ff7a6b;
  --color-success: #7fc98f;
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --text-display-size: 40px;
  --text-display-line-height: 40px;
  --text-display-weight: 800;
  --text-display-style: normal;
  --text-display-letter-spacing: -1.6px;
  --text-title-size: 24px;
  --text-title-line-height: 28px;
  --text-title-weight: 800;
  --text-title-style: normal;
  --text-title-letter-spacing: -0.6px;
  --text-heading-size: 18px;
  --text-heading-line-height: 24px;
  --text-heading-weight: 600;
  --text-heading-style: normal;
  --text-heading-letter-spacing: 0px;
  --text-body-size: 16px;
  --text-body-line-height: 24px;
  --text-body-weight: 400;
  --text-body-style: normal;
  --text-body-letter-spacing: 0px;
  --text-body-small-size: 14px;
  --text-body-small-line-height: 20px;
  --text-body-small-weight: 400;
  --text-body-small-style: normal;
  --text-body-small-letter-spacing: 0px;
  --text-button-size: 15px;
  --text-button-line-height: 20px;
  --text-button-weight: 600;
  --text-button-style: normal;
  --text-button-letter-spacing: 0px;
  --text-label-size: 12px;
  --text-label-line-height: 16px;
  --text-label-weight: 600;
  --text-label-style: normal;
  --text-label-letter-spacing: 0.5px;
  --text-stamp-size: 11px;
  --text-stamp-line-height: 14px;
  --text-stamp-weight: 500;
  --text-stamp-style: normal;
  --text-stamp-letter-spacing: 0.5px;
  --space-0: 0px;
  --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;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0px 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0px 6px 18px rgba(0,0,0,0.5);
  --shadow-lg: 0px 18px 40px rgba(0,0,0,0.6);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 360ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
  color-scheme: dark;
}
:root {
  --photo-stamp: #ffd27a;
  --photo-ivory: #f4f4f0;
  --photo-ink: #111111;
}