:root {
  /* Brand colors */
  --navy:   #0a0a0a;
  --navy2:  #141414;
  --navy3:  #000000;
  --sky:    #d4a413;
  --sky2:   #c4950f;
  --sky3:   #FEF3CD;
  --sky4:   #efb810;
  --bg:     #FDFBF4;
  --bg2:    #F7F0E2;
  --border: #E0D8C4;
  --text:   #0a0a0a;
  --text2:  #3a3a3a;
  --text3:  #7a7a7a;
  --green:  #2E7D52;
  --red:    #C0392B;
  --footer-bg: #0a0a0a;
  --white:  #ffffff;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Plus Jakarta Sans', sans-serif;

  /* Type scale */
  --fs-display: clamp(42px, 6vw, 68px);
  --fs-h1:      clamp(30px, 4.5vw, 52px);
  --fs-h2:      clamp(24px, 3.2vw, 40px);
  --fs-h3:      22px;
  --fs-h4:      16px;
  --fs-body-lg: 17px;
  --fs-body:    15px;
  --fs-sm:      13px;
  --fs-label:   11px;

  /* Spacing */
  --section-py: clamp(60px, 8vw, 100px);
  --container:  1200px;
  --gap:        24px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(0,0,0,.08);
  --shadow-md: 0 4px 20px rgba(0,0,0,.12);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.18);

  /* Transitions */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur: .22s;
}