/* Apple Timeline — semantic design tokens. Edit this file to recolor the site. */
:root {
  --color-bg: #ffffff;
  --color-photo-dark: #000000;
  --color-surface: #f5f5f7;
  --color-surface-hover: #ededf0;
  --color-text: #1d1d1f;
  --color-secondary: #6e6e73;
  --color-muted: #707075;
  --color-border: #e8e8ed;
  --color-border-hover: #c8c8ce;
  --color-selected: #1d1d1f;
  --color-on-selected: #ffffff;
  --color-accent: #0066cc;
  --color-focus: #0071e3;
  --color-current-bg: #edf5ef;
  --color-current-text: #3a694a;
  --color-vintage-bg: #f7f0e5;
  --color-vintage-text: #856425;
  --color-archived-bg: #f2f2f4;
  --color-archived-text: #6d6d72;
  --font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 1rem;
  --font-label: .875rem;
  --font-meta: .75rem;
  --font-title: 2rem;
  --line-body: 1.55;
  --radius-card: 20px;
  --radius-control: 12px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --content-width: 920px;
  --sidebar-width: 180px;
  --sidebar-left: clamp(24px, 3.5vw, 64px);
  --mobile-header-height: 64px;
  --icon-nav-size: 20px;
  --icon-nav-stroke: 1.6;
  --media-height: 320px;
  --duration-fast: 160ms;
  --duration-normal: 280ms;
  --ease: cubic-bezier(.2,.8,.2,1);
  --shadow-hover: 0 8px 24px #1d1d1f06;
  --shadow-floating: 0 4px 24px #1d1d1f0b;
}