/*
 * deschidem.ro — tokens v1
 * Source of truth: brand/BRAND.md. If anything differs, BRAND.md wins.
 */
:root {
  /* §3 Color */
  --ink: #11110f;            /* Ink — the foil, the text, the sealed world */
  --tangerine: #ff5b32;      /* Tangerine — the card, the reveal, the primary action */
  --tangerine-deep: #d93f17; /* Burnt tangerine — orange on paper below 32px, pressed states */
  --paper: #f8f7f3;          /* Paper — the open world */
  --stock: #eceae2;          /* Stock — secondary surface, card backs */
  --line: #deded5;           /* Line — hairline on paper */
  --muted: #62625b;          /* Gray — secondary text on paper */
  --foil-line: #2a2a26;      /* Foil line — hairline on ink */
  --muted-on-ink: #a3a39a;   /* Gray on foil — secondary text on ink */

  /* Holo — the only gradient in the system. Only on a "hit". */
  --holo-stops: #ff5b32, #ffc53d, #5be3a6, #4cc3ff, #b58cff, #ff6fb5, #ff5b32;
  --holo: linear-gradient(115deg, var(--holo-stops));
  --holo-conic: conic-gradient(from 0deg, var(--holo-stops));

  /* §4 Typography */
  --font-display: "Barlow", system-ui, sans-serif;      /* 900 italic, always lowercase */
  --font-label: "Barlow Condensed", "Barlow", system-ui, sans-serif; /* 600, uppercase */
  --font-body: "Barlow", system-ui, sans-serif;         /* 400 / 500 */

  --display-weight: 900;
  --display-tracking: -0.03em;
  --display-leading: 0.88;
  --label-weight: 600;
  --label-tracking: 0.14em;
  --body-leading: 1.5;
  --measure: 60ch;

  /* Fluid scale (360px → 1920px) */
  --step--1: clamp(0.6875rem, 0.66rem + 0.12vw, 0.875rem); /* label 11–14px */
  --step-0: clamp(1.0625rem, 1.03rem + 0.13vw, 1.1875rem); /* body 17–19px */
  --step-1: clamp(1.25rem, 1.15rem + 0.45vw, 1.625rem);
  --step-2: clamp(1.625rem, 1.4rem + 1vw, 2.5rem);
  --step-3: clamp(2.25rem, 1.8rem + 2vw, 4rem);
  --step-4: clamp(3rem, 2.2rem + 3.6vw, 6.5rem);
  --step-5: clamp(3.75rem, 2.4rem + 6.4vw, 10.5rem);

  /* §6 Devices */
  --crimp-tooth-sm: 14px;
  --crimp-tooth: 18px;
  --crimp-tooth-lg: 24px;
  --seal-stripe: 3px;        /* thickness of one stripe */
  --seal-gap: 5px;           /* gap between stripes */
  --card-ratio: 5 / 7;
  --card-radius: 4.5% / 3.2143%; /* 4.5% of the width, on both axes of a 5:7 card */
  --lean-pack: -8deg;
  --lean-card: 15deg;

  /* UI radii */
  --radius-sm: 4px;
  --radius-pill: 999px;

  /* §7 Motion — "jerky, then smooth" */
  --ease-rip: cubic-bezier(0.3, 0, 0.1, 1);
  --ease-reveal: cubic-bezier(0.2, 1.4, 0.4, 1);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-rip: 180ms;
  --dur-reveal: 520ms;
  --dur-fade: 240ms;

  /* Spacing */
  --gutter: clamp(16px, 4vw, 64px);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: clamp(3rem, 2rem + 4vw, 6rem);
  --space-6: clamp(4rem, 2rem + 8vw, 10rem);
}