:root {
  /* Brand Colors */
  --tdw-red:      #C8102E;
  --tdw-red-dark: #9E0B22;
  --tdw-red-light:#E8304A;
  --tdw-blue:     #1A4D8F;
  --tdw-blue-dark:#123768;
  --tdw-gold:     #C9A961;
  --tdw-gold-light:#E5C97A;
  --tdw-green:    #2D8659;

  /* Surfaces */
  --bg:           #FBFAF7;
  --surface:      #F3F1EC;
  --surface-2:    #EBE8E0;
  --card:         #FFFFFF;
  --border:       #E8E4DC;
  --border-light: #F0EDE6;

  /* Text */
  --text:         #1C1B1A;
  --text-muted:   #6B6660;
  --text-subtle:  #9A9490;
  --text-inv:     #FFFFFF;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* Font Sizes */
  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1.0625rem;
  --text-lg:      1.1875rem;
  --text-xl:      1.375rem;
  --text-2xl:     1.625rem;
  --text-3xl:     2rem;
  --text-4xl:     2.5rem;
  --text-5xl:     3rem;
  --text-6xl:     3.75rem;
  --text-7xl:     4.5rem;

  /* Spacing */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-5:  2.5rem;
  --space-6:  3rem;
  --space-8:  4rem;
  --space-10: 5rem;
  --space-12: 6rem;

  /* Layout */
  --container:    1320px;
  --article-max:  720px;

  /* Radii */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(28,27,26,0.06), 0 1px 2px rgba(28,27,26,0.04);
  --shadow:      0 4px 16px rgba(28,27,26,0.08), 0 2px 6px rgba(28,27,26,0.04);
  --shadow-lg:   0 12px 40px rgba(28,27,26,0.12), 0 4px 12px rgba(28,27,26,0.06);
  --shadow-xl:   0 24px 60px rgba(28,27,26,0.16);
  --shadow-red:  0 8px 32px rgba(200,16,46,0.25);

  /* Transitions */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:    150ms;
  --dur:         250ms;
  --dur-slow:    400ms;

  /* Z-index */
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-toast:   400;
}