/* ==========================================================================
   Design tokens
   ========================================================================== */

:root {
  /* Typography */
  --font-family-main: "Cormorant Garamond", serif;
  --fs-hero: 60px;
  --fs-display-xl: 48px;
  --fs-heading: 40px;
  --fs-display: 28px;
  --fs-footer: 30px;
  --fs-caption: 16px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 700;
  --line-height-tight: 1.1;
  --line-height-body: 1.5;

  /* Spacing (8pt grid): base scale + semantic aliases */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;
  --space-13: 104px;
  --space-page-top: var(--space-8);
  --space-header-title: 104px;
  --space-section: var(--space-10);
  --space-sm: var(--space-2);
  --space-md: var(--space-4);
  --space-lg: var(--space-11);
  --space-xl: var(--space-8);
  --space-xxl: var(--space-12);

  /* Layout */
  --max-width: 1100px;
  --max-width-wide: 1300px;
  --breakpoint-md: 720px;

  /* Borders & radius */
  --border-subtle: 1px solid rgba(0, 0, 0, 0.2);
  --border-subtle-color: rgba(0, 0, 0, 0.2);
  --border-link: 1px solid rgba(0, 0, 0, 0.2);
  --border-link-hover: rgba(0, 0, 0, 0.6);
  --radius-block: 8px;

  /* Homepage vertical rule tweakers */
  --home-vline-offset: 64px;
  --home-skills-vline-offset: 96px;

  /* Colors */
  --color-bg: #F0F0DD;
  --color-text: #252311;
  --color-link: #252311;
  --color-link-hover: #2600FF;
  --color-muted: rgba(37, 35, 17, 0.4);
  --bg-placeholder: rgba(0, 0, 0, 0.06);

  /* Transitions */
  --ease-default: 0.2s ease;
}