:root {
  --color-primary:        #268068;
  --color-primary-dark:   #1a5c4c;
  --color-primary-light:  #e8f4f0;
  --color-accent:         #674800;
  --color-accent-light:   #F2EBDF;
  --color-dark:           #12271f;   /* Deep forest green – dark sections */
  --color-dark-mid:       #1e3d2f;   /* Slightly lighter dark green */

  --color-bg:             #f7f7f4;
  --color-surface:        #ffffff;
  --color-border:         rgba(0, 0, 0, 0.08);
  --color-border-strong:  rgba(0, 0, 0, 0.14);

  --color-text:           #181816;
  --color-text-muted:     #6a6a64;
  --color-text-hint:      #9a9a93;

  --font:                 'DM Sans', system-ui, sans-serif;
  --font-mono:            'DM Mono', 'Courier New', monospace;

  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  15px;
  --text-md:    17px;
  --text-lg:    20px;
  --text-xl:    26px;
  --text-2xl:   34px;
  --text-3xl:   44px;
  --text-4xl:   64px;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  --line-body:    1.72;
  --line-heading: 1.15;
  --line-tight:   1.05;

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-2xl: 32px;

  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   32px;
  --space-xl:   48px;
  --space-2xl:  72px;
  --space-3xl:  96px;

  --container:        1200px;
  --container-narrow: 760px;

  --transition:      150ms ease;
  --transition-med:  250ms ease;
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-xs:     0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
  --shadow-md:     0 4px 8px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.07);
  --shadow-lg:     0 8px 16px rgba(0,0,0,0.07), 0 24px 56px rgba(0,0,0,0.10);
  --shadow-hover:  0 12px 40px rgba(0,0,0,0.14);
  --shadow-dark:   0 24px 80px rgba(0,0,0,0.28);
}