/* Town & Country Auto & Wrecker Service: design tokens.
   Two doors on the same yard: indigo night (towing) / cream day (repair, U-Haul),
   one clay-signal red, dusk gold on the night side. All text pairs WCAG AA. */

:root {
  /* night side */
  --night:   #222840;
  --night-2: #2B3252;
  --night-3: #38405F;
  --star:    #F5F2E9;  /* 12.98:1 on night */
  --mist:    #B9BDD3;  /*  7.80:1 on night */

  /* day side */
  --day:     #F3F2EC;  /* overcast morning, deliberately cooler than the stock warm cream */
  --day-2:   #E9E7DE;
  --ink:     #262B41;  /* 12.61:1 on day */
  --slate:   #59607A;  /*  5.61:1 on day */

  /* accents */
  --signal:      #A83226; /* filled button; white on it 6.67:1 */
  --signal-deep: #96301F; /* links on day, 6.92:1 */
  --gold:        #E3A857; /* night-side accent, 6.92:1 on night */

  /* gradient-only stops, never under text without scrim */
  --dawn-a: #F2DFC2;
  --dawn-b: #E3A857;
  --dusk-a: #C97B6B;
  --dusk-b: #2B3252;

  /* hairlines and rules */
  --hair-day:   rgba(38, 43, 65, 0.16);
  --hair-day-2: rgba(38, 43, 65, 0.09);
  --hair-night: rgba(245, 242, 233, 0.18);
  --hair-night-2: rgba(245, 242, 233, 0.09);
  --spine-day:   rgba(38, 43, 65, 0.38);
  --spine-night: rgba(227, 168, 87, 0.55);

  /* type */
  --display: 'Kreon', 'Rockwell', 'Georgia', serif;
  --body: 'M PLUS 1p', 'Segoe UI', system-ui, sans-serif;

  --t-h1:   clamp(1.9rem, 3.6vw, 3.1rem);
  --t-h2:   clamp(1.55rem, 2.6vw, 2.2rem);
  --t-h3:   clamp(1.15rem, 1.7vw, 1.4rem);
  --t-body: 1rem;
  --t-small: 0.875rem;
  --t-tiny: 0.8125rem;

  /* spacing, 8px scale */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 48px; --s6: 56px; --s7: 88px; --s8: 120px;

  --wrap: 1160px;
  --gutter: clamp(16px, 3vw, 32px);
  --radius: 8px;

  --shadow-card: 0 1px 3px rgba(38, 43, 65, 0.12);

  --t-fast: 180ms;
  --t-med: 260ms;
  --ease-out: cubic-bezier(0.22, 0.7, 0.35, 1);
}