/* RED Rent Company: design tokens. Direction A, The Stamp (direction.md).
   Red, black, white and a deep gray. Never cream (facts: brand.no-cream). */
:root {
  /* Color roles */
  --ground: #FFFFFF;
  --surface: #FFFFFF;          /* slips: white with an ink hairline */
  --ink: #141414;              /* 18.42 on ground */
  --muted: #575757;            /* 7.23 on ground */
  --line: #141414;             /* hairline rules and slip borders, the logo box's line */
  --line-soft: rgb(20 20 20 / .35); /* dashed dividers inside a slip; decoration only */
  --accent: #E80202;           /* the logo's red: stamp button fill, big stamps. 4.73 either way with white */
  --accent-press: #C80000;     /* button hover and active; white on it 6.08 */
  --on-accent: #FFFFFF;
  --accent-text: #B80000;      /* red for small text and small stamps; 6.91 on ground */
  --band: #3D3D3D;             /* the brand's deep gray (confirmed, questions.md 18) */
  --on-band: #FFFFFF;          /* 10.86 on band */
  --on-band-muted: #D0D0D0;    /* 7.04 on band */
  --focus: #E80202;            /* focus ring on white; white on the band */

  /* Type: one family, three widths */
  --font: "Archivo", "Arial Narrow", Arial, sans-serif;
  --wdth-display: 62%;
  --wdth-label: 75%;
  --wdth-body: 100%;
  --weight-display: 800;
  --weight-stamp: 700;
  --weight-body: 400;
  --weight-strong: 600;

  /* Fluid scale, 390px to 1440px */
  --step--2: 0.8125rem;                                   /* 13: small stamp labels */
  --step--1: 0.9375rem;                                   /* 15: fine print, eyebrow, button sub-line */
  --step-0: 1.125rem;                                     /* 18: body */
  --step-1: clamp(1.1875rem, 1.13rem + 0.24vw, 1.375rem); /* 19 to 22: lead */
  --step-2: clamp(1.625rem, 1.53rem + 0.38vw, 1.875rem);  /* 26 to 30: signature stamps, emergency number */
  --step-3: clamp(1.625rem, 1.48rem + 0.57vw, 2.125rem);  /* 26 to 34: button word */
  --step-4: clamp(2.125rem, 1.707rem + 1.714vw, 3.25rem); /* 34 to 52: h2 */
  --step-5: clamp(3.125rem, 1.871rem + 5.143vw, 6.5rem);  /* 50 to 104: h1 */

  --leading-display: 0.95;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --track-display: -0.005em;
  --track-stamp: 0.14em;
  --track-label: 0.1em;
  --track-button: 0.08em;
  --measure: 38ch;

  /* Space */
  --space-3xs: 0.25rem;  /* 4 */
  --space-2xs: 0.5rem;   /* 8 */
  --space-xs: 0.75rem;   /* 12 */
  --space-s: 1rem;       /* 16 */
  --space-m: 1.375rem;   /* 22 */
  --space-l: clamp(1.75rem, 1.5rem + 1vw, 2.25rem);  /* 28 to 36 */
  --space-xl: clamp(2.5rem, 1.9rem + 2.4vw, 4rem);   /* 40 to 64 */
  --space-2xl: clamp(3rem, 2.2rem + 3.2vw, 4.5rem);  /* 48 to 72 */

  /* Shape: no rounding, no shadows, anywhere */
  --radius: 0;
  --shadow: none;
  --border-hair: 1.5px;
  --border-stamp: 2px;
  --border-stamp-big: 3px;
  --stamp-tilt-1: -3deg;
  --stamp-tilt-2: 1.5deg;
  --stamp-tilt-3: -1deg;
  --tap: 44px;

  /* Layout. Breakpoint: 900px (desktop grid). Header turns sticky at every width. */
  --max: 1160px;
  --gutter: max(20px, calc((100% - var(--max)) / 2));
}