/* Volumar — design tokens (single source of truth).
   Graphite stage and one warm accent: terracotta, the colour of brick and clay tile, the walls that rise from the plan
   in the logo (marca/). Text and lines in paper white. Type: Outfit for the brand and the titles, Fira Sans for the body. */
:root {
  color-scheme: dark;

  /* ---- Graphite ---- */
  --night: #141518;            /* base */
  --night-soft: #1a1c20;       /* side panel and 3D stage */
  --night-raise: #25282d;      /* raised surfaces, hover */
  --on-night: #f4f1ea;         /* paper white, 16:1 on night */
  --on-night-muted: #aaa69d;   /* 7.5:1 on night */
  --line-night: rgba(244, 241, 234, 0.14);
  --line-night-strong: rgba(244, 241, 234, 0.3);

  /* ---- Terracotta ---- */
  --accent: #e4683f;           /* glows, large shapes and the logo walls */
  --accent-deep: #b9472a;      /* button fill: white text 5.2:1 */
  --accent-top: #c24e2c;       /* button highlight: white text 4.7:1 */
  --accent-soft: #f2a383;      /* accent text on night, 9:1 */
  --led: #fff7ef;              /* labels lit over the model */
  --led-glow: rgba(228, 104, 63, 0.5);

  /* ---- Paper (light surfaces) ---- */
  --paper: #f4f1ea;
  --paper-deep: #e9e4d9;
  --ink: #1b1c1f;              /* 15:1 on paper */
  --ink-muted: #5d5a54;        /* 6:1 on paper */
  --line: rgba(27, 28, 31, 0.14);

  /* ---- Type ---- */
  --font-display: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-body: "Fira Sans", "Trebuchet MS", system-ui, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-body: clamp(1rem, 0.94rem + 0.25vw, 1.125rem);
  --fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.3125rem);
  --fs-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-h3: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --fs-h2: clamp(3rem, 1.6rem + 6.2vw, 8rem);
  --fs-hero: clamp(3.2rem, 1.2rem + 7vw, 9rem); /* "NO ESPAÇO." must fit one line of the 5/12 column */
  --fs-year: clamp(4rem, 2.6rem + 6vw, 9rem);
  --fs-mail: clamp(2rem, 0.6rem + 6.4vw, 7rem);
  --lh-display: 0.88;
  --lh-body: 1.6;
  --measure: 62ch;

  /* ---- Space (4 px scale) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --gutter: clamp(1rem, 0.5rem + 2.4vw, 2.5rem);
  --section: clamp(4.5rem, 3rem + 7vw, 10rem);
  --max: 1440px;
  --tap: 44px;
  --row-h: clamp(220px, 12rem + 10vw, 380px); /* project gallery row height */
  --rule: 3px;

  /* ---- Motion (memory "motion nos sites": easing always, anticipation, overshoot) ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 680ms;
  --stagger: 70ms;
  --stagger-word: 80ms;

  /* ---- Layers ---- */
  --z-header: 20;
}