/* C41 — design tokens (single source of truth).
   Night violet stage: the base is a violet-black derived from the brand plum (#7E3463, from the ABUP proposal),
   and the color comes as light through colored acrylic — violet, magenta (the C41 mark in the videos),
   indigo, lilac and plum, the polychromy of the proposal. One light section (Atuação) uses lilac paper.
   Type: very heavy condensed caps (Impact in the PDF, Anton here) and a humanist body (Fira Sans). */
:root {
  color-scheme: dark;

  /* ---- Night ---- */
  --night: #0d0816;            /* base, derived from the brand plum */
  --night-soft: #130b20;       /* alternate section */
  --night-raise: #20163a;      /* image placeholders, hover surfaces */
  --on-night: #f4effa;
  --on-night-muted: #b8acc9;   /* 9.2:1 on night */
  --line-night: rgba(196, 181, 253, 0.16);
  --line-night-strong: rgba(196, 181, 253, 0.34);

  /* ---- Light (acrylic colors) ---- */
  --violet: #8b5cf6;           /* glows and large shapes */
  --violet-deep: #6d3fe0;      /* button fill: white text 6.1:1 */
  --violet-top: #7c4ef0;       /* button highlight: white text 5:1 */
  --lilac: #c4b5fd;            /* accent text on night, 10.7:1 */
  --magenta: #e35bb0;          /* the C41 mark in the videos */
  --indigo: #4c3bcf;
  --plum: #7e3463;             /* brand plum-wine */
  --led: #f6f0ff;              /* the lit edge of the sliding panel */
  --led-glow: rgba(167, 112, 255, 0.6);

  /* ---- Lilac paper (Atuação) ---- */
  --paper: #f1ecf8;
  --paper-deep: #e6def3;
  --ink: #1c1230;              /* 16:1 on paper */
  --ink-muted: #5b4f6e;        /* 6.5:1 on paper */
  --line: rgba(28, 18, 48, 0.14);

  /* ---- Type ---- */
  --font-display: "Anton", Impact, "Arial Narrow Bold", 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;
}