/* ============================================================
   Evins Construction LLC v2 — Design Tokens
   ============================================================ */

:root {
  /* Brand Colors */
  --navy:          #0d1b2a;
  --navy-deep:     #08111b;
  --navy-mid:      #152438;
  --steel:         #1e3a5f;
  --steel-light:   #2a5185;
  --blue:          #1a6fc4;
  --blue-bright:   #2580db;
  --sky:           #4fa3e0;
  --sky-pale:      #d4e9f7;

  /* Amber accent — craftsmanship warmth */
  --amber:         #c97d2e;
  --amber-light:   #e8963f;
  --amber-pale:    #fdf3e7;

  /* Neutrals */
  --white:         #ffffff;
  --off-white:     #f8f9fb;
  --surface:       #f0f4f8;
  --surface-dark:  #e4ecf3;
  --mid:           #8ea3b8;
  --text:          #1a2a3a;
  --text-light:    #4a6070;
  --text-muted:    #7a92a6;

  /* Typography */
  --font-display:  'Bebas Neue', 'Impact', sans-serif;
  --font-serif:    'Source Serif 4', Georgia, serif;
  --font-sans:     'Libre Franklin', 'Helvetica Neue', sans-serif;
  /* Aliases used by page components */
  --font-body:     'Source Serif 4', Georgia, serif;
  --font-ui:       'Libre Franklin', 'Helvetica Neue', sans-serif;

  /* Additional color aliases used by components */
  --bg:            #f8f9fb;
  --border:        #dce6ef;
  --text-body:     #1a2a3a;
  --amber-dark:    #a06020;
  --elevated:      #e4ecf3;

  /* Spacing */
  --section-pad:   5rem;
  --container:     1200px;
  --gutter:        2rem;

  /* Radii */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(13,27,42,0.08);
  --shadow-md:   0 4px 20px rgba(13,27,42,0.12);
  --shadow-lg:   0 12px 48px rgba(13,27,42,0.16);
  --shadow-xl:   0 24px 80px rgba(13,27,42,0.22);

  /* Easing */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}