/* dalialourenco.com — design tokens v1.0
   Source of truth: projects/dalialourenco-com/design-system.md */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/fraunces.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/fraunces-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/newsreader.woff2') format('woff2');
}
@font-face {
  font-family: 'Spline Sans Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/spline-sans-mono.woff2') format('woff2');
}

:root {
  /* color — light */
  --paper: #F7F3EC;
  --paper-raised: #FFFFFF;
  --ink: #191512;
  --ink-soft: #4A443D;
  --ink-faint: #6E665B;
  --rule: #DCD4C8;
  --accent: #9E2B25;
  --accent-deep: #7C1F1A;

  /* type */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Newsreader', Georgia, serif;
  --font-meta: 'Spline Sans Mono', 'Courier New', monospace;
  --text-display: clamp(2.5rem, 6vw, 4.5rem);
  --text-h1: clamp(2rem, 4vw, 2.75rem);
  --text-h2: clamp(1.5rem, 3vw, 1.9rem);
  --text-h3: clamp(1.2rem, 2vw, 1.35rem);
  --text-body: clamp(1rem, 1.5vw, 1.125rem);
  --text-small: 0.9375rem;
  --text-meta: 0.8125rem;

  /* space */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;
  --space-4: 16px; --space-6: 24px;  --space-8: 32px;
  --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --space-32: 128px;

  /* misc */
  --radius: 3px;
  --radius-media: 4px;
  --container: 1120px;
  --measure: 68ch;
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #181410;
    --paper-raised: #221D17;
    --ink: #EDE7DC;
    --ink-soft: #B3AA9C;
    --ink-faint: #8F8678;
    --rule: #3A332A;
    --accent: #E0655C;
    --accent-deep: #EB8078;
  }
}