/* Little Archive Co. — family album agency concept by Liya K.
 * Direction: light scrapbook table, irregular collage, tactile paper, lots of family photos.
 * Not Hallmark-derived; page shape intentionally breaks the previous large-hero/section template.
 */

:root {
  --paper: oklch(97% 0.018 92);
  --paper-warm: oklch(94% 0.035 78);
  --paper-pink: oklch(94% 0.055 18);
  --paper-blue: oklch(93% 0.055 225);
  --paper-green: oklch(91% 0.055 145);
  --ink: oklch(23% 0.035 68);
  --ink-soft: oklch(40% 0.032 68);
  --ink-faint: oklch(58% 0.030 68);
  --rule: oklch(83% 0.025 76);
  --accent: oklch(67% 0.19 34);
  --accent-blue: oklch(66% 0.16 230);
  --accent-green: oklch(70% 0.15 145);
  --accent-yellow: oklch(86% 0.16 86);
  --shadow: oklch(28% 0.035 68 / 0.16);
  --shadow-deep: oklch(28% 0.035 68 / 0.25);

  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inclusive Sans", ui-sans-serif, system-ui, sans-serif;
  --font-hand: "Borel", cursive;

  --text-xs: 0.75rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-md: 1.2rem;
  --text-lg: 1.55rem;
  --text-xl: 2rem;
  --text-2xl: clamp(2.4rem, 5vw, 5.4rem);
  --text-poster: clamp(3.6rem, 12vw, 11.5rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  --gutter: clamp(1rem, 3vw, 2.5rem);
  --shell: 92rem;
  --radius-paper: 1.2rem;
  --radius-photo: 0.7rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 220ms;
  --dur-long: 560ms;
}