/* Varmine design tokens: color, typography, spacing, and motion.
   Motion values mirror scripts/motion.js (single source of truth). */

:root {
  /* Color palette — refined near-monochrome with one warm accent */
  --color-bg: #FAF9F7;
  --color-surface: #F0EEEA;
  --color-ink: #14110E;
  --color-muted: #78726A;
  --color-accent: #B06A3F;
  --color-accent-2: #2B2620;
  --color-line: #E2DED7;
  --color-inverse-bg: #14110E;
  --color-inverse-ink: #FAF9F7;

  /* Typography families */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale (fluid) */
  --type-hero: clamp(2.5rem, 8vw, 7rem);
  --type-section: clamp(1.75rem, 4vw, 3.5rem);
  --type-body: clamp(1rem, 1.2vw, 1.125rem);
  --type-caption: 0.875rem;

  /* Line-height */
  --leading-display: 1.05;
  --leading-body: 1.55;

  /* Letter-spacing */
  --tracking-display: -0.02em;
  --tracking-body: 0;

  /* Spacing scale (rem) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 12rem;

  /* Layout */
  --content-max: 1440px;
  --gutter: clamp(1rem, 4vw, 3rem);
  --section-rhythm: clamp(4rem, 10vw, 10rem);
  --mobile-breakpoint: 768px;

  /* Motion durations (mirror scripts/motion.js) */
  --motion-preloader-out: 0.6s;
  --motion-hero-intro-max: 1.5s;
  --motion-entrance-min: 0.2s;
  --motion-entrance-max: 0.8s;
  --motion-text-reveal-max: 1s;
  --motion-image-reveal-max: 1s;
  --motion-team-entrance-max: 1s;
  --motion-section-trans-max: 1s;
  --motion-entrance-hard-cap: 1.2s;
  --motion-magnetic-in: 0.2s;
  --motion-magnetic-out: 0.3s;
  --motion-smooth-scroll-nav: 1.2s;

  /* Motion easings */
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-magnetic: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* Motion offsets */
  --parallax-max-offset: 200px;
  --magnetic-max-pull: 30px;
  --cursor-lag-max: 200ms;

  /* Reveal stagger */
  --stagger-min: 30ms;
  --stagger-max: 60ms;
}