/* ABQ Asphalt — Design Tokens
   Single source of truth for color, type, spacing, radius, shadows.
   Edit this file to retheme the entire site. */

:root {
  /* ---------- Brand: Deep Navy (trust, expertise, stability) ---------- */
  --color-primary:        #0F2A44;
  --color-primary-700:    #1A3A5C;
  --color-primary-900:    #081A2D;

  /* ---------- Accent: Warm Amber (action, construction, warmth) ---------- */
  --color-accent:         #E08A2B;
  --color-accent-600:     #C97520;
  --color-accent-100:     #FCE9CF;

  /* ---------- Neutrals: Warm off-whites (craftsman, not corporate) ---------- */
  --color-bg:             #FAF7F2;
  --color-bg-alt:         #F1ECE3;
  --color-surface:        #FFFFFF;
  --color-border:         #E3DED3;
  --color-muted:          #6B6A66;
  --color-text:           #1C1B19;
  --color-text-soft:      #3A3936;
  --color-text-on-primary:#F5F1EA;

  /* ---------- Semantic ---------- */
  --color-trust:          #2E7D5B;
  --color-trust-100:      #E2F0E8;
  --color-danger:         #B23A2E;
  --color-danger-100:     #F8E1DE;
  --color-focus:          #E08A2B;

  /* ---------- Typography ---------- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.0625rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.563rem;
  --fs-2xl:   1.953rem;
  --fs-3xl:   2.441rem;
  --fs-4xl:   3.052rem;
  --fs-5xl:   3.815rem;

  --lh-tight: 1.15;
  --lh-snug:  1.3;
  --lh-base:  1.6;

  --tracking-tight: -0.02em;
  --tracking-snug:  -0.01em;
  --tracking-wide:  0.08em;

  /* ---------- Spacing ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* ---------- Layout ---------- */
  --container:   1180px;
  --container-narrow: 820px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---------- Shadows ---------- */
  --shadow-sm:  0 1px 2px rgba(15, 42, 68, 0.06);
  --shadow-md:  0 6px 18px rgba(15, 42, 68, 0.08);
  --shadow-lg:  0 18px 40px rgba(15, 42, 68, 0.12);
  --shadow-xl:  0 30px 60px rgba(15, 42, 68, 0.18);

  /* ---------- Motion ---------- */
  --ease:       cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:   140ms;
  --dur:        240ms;
  --dur-slow:   480ms;

  /* ---------- Z-index ---------- */
  --z-header: 100;
  --z-nav-overlay: 110;
  --z-modal: 200;
}