/* ==========================================================================
   Ironwake Diesel Repair
   Design tokens. Nothing in styles.css may hardcode a colour, size or space.

   Crimson. Heavy truck work in Wichita; the red reads as urgency without
     colliding with the amber used by the other Wichita shop in this folder.
   --c-accent-lt is the accent lifted in luminance so it survives on ink; it is
   the only variant permitted on a dark surface, and it is a lift rather than a
   flat inversion so letterforms keep their counters.
   ========================================================================== */
:root {
  --c-accent:     #A81E2D;
  --c-accent-dk:  #7A1621;
  --c-accent-lt:  #DF4D5D;
  --c-accent-tint:#FBEAEC;
  --c-on-accent:  #FFFFFF;
  --c-accent-ink: #A81E2D;

  --c-ink:        #14161A;
  --c-ink-2:      #1E2127;
  --c-steel:      #8B9099;
  --c-white:      #FFFFFF;
  --c-paper:      #F7F7F5;
  --c-grey:       #EDEDEA;
  --c-body:       #4A4E57;
  --c-muted:      #5A5F69;
  --c-line:       #DDDDD9;
  --c-line-dk:      rgba(255,255,255,.16);
  --c-on-dark:      rgba(255,255,255,.86);
  --c-on-dark-soft: rgba(255,255,255,.74);
  --c-on-dark-mute: rgba(255,255,255,.68);
  --c-glass:        rgba(255,255,255,.07);
  --c-focus:      rgba(0,0,0,.45);

  --font-display: "Fjalla One", "Arial Narrow", Impact, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --fs-1: 0.6875rem;
  --fs-2: 0.8125rem;
  --fs-3: 1rem;
  --fs-4: 1.75rem;
  --fs-5: clamp(2.25rem, 1.2rem + 3.8vw, 4.25rem);
  --fs-6: clamp(3rem, 1.1rem + 7.2vw, 6.25rem);

  --fw-bold:   600;
  --fw-black:  700;
  --lh-tight:  0.94;
  --lh-snug:   1.04;
  --lh-body:   1.65;
  --ls-wide:   .18em;
  --ls-wider:  .26em;
  --ls-tight:  .01em;

  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 2.75rem; --sp-8: 4rem;
  --sp-9: 5.5rem;  --sp-10: 7.5rem;

  --wrap: 78rem;
  --gutter: var(--sp-4);
  --radius: 3px;
  --rule: 4px;
  --header-h: 6.5rem;

  --scrim-hero:
    linear-gradient(100deg, rgba(16,18,24,.94) 0%, rgba(16,18,24,.90) 34%,
                            rgba(16,18,24,.66) 52%, rgba(16,18,24,.20) 74%,
                            rgba(16,18,24,.08) 100%),
    linear-gradient(to bottom, rgba(16,18,24,.40) 0%, rgba(16,18,24,0) 32%);
  --scrim-hero-sm:
    linear-gradient(to bottom, rgba(16,18,24,.92) 0%, rgba(16,18,24,.84) 46%, rgba(16,18,24,.90) 100%);
  --scrim-caption: linear-gradient(to top, rgba(16,18,24,.96), rgba(16,18,24,0));

  --shadow-sm: 0 2px 10px -4px rgba(20,22,26,.2);
  --shadow-md: 0 18px 34px -22px rgba(20,22,26,.5);
  --shadow-lg: 0 28px 60px -30px rgba(20,22,26,.6);

  --t-fast: .18s ease;
  --t-base: .28s ease;
  --t-slow: .5s cubic-bezier(.22,.61,.36,1);
}