:root {
  --brand:        #2D5A46;
  --brand-deep:   #1E4032;
  --brand-soft:   #7C9C8C;
  --brand-tint:   #E4ECE6;
  --brand-2:      #46687D;
  --brand-2-deep: #34505F;
  --brand-2-tint: #E3EBF0;
  --brand-cool:      #C2D8E1;
  --brand-cool-tint: #EBF2F5;
  --brand-warm:      #D99C43;
  --brand-warm-tint: #F6EAD3;
  --paper:   #FAF8F4;
  --paper-2: #F4F0E8;
  --stone-1: #EAE4D8;
  --stone-2: #DAD2C2;
  --stone-3: #BDB3A0;
  --ink:   #1E1E1C;
  --ink-2: #4B4A45;
  --ink-3: #807D73;
  --success: var(--brand);
  --warning: #B0761F;
  --error:   #A94A33;
  --text-body:      var(--ink);
  --text-secondary: var(--ink-2);
  --text-muted:     var(--ink-3);
  --text-inverse:   var(--paper);
  --text-accent:    var(--brand);
  --surface-page:    var(--paper);
  --surface-card:    #FFFFFF;
  --surface-sunken:  var(--paper-2);
  --surface-inverse: var(--ink);
  --accent-primary:   var(--brand);
  --accent-secondary: var(--brand-2);
  --border-subtle: color-mix(in srgb, var(--ink) 8%,  transparent);
  --border-strong: color-mix(in srgb, var(--ink) 18%, transparent);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--brand) 28%, transparent);
  --topo-stroke-brand: color-mix(in srgb, var(--brand) 9%, transparent);
  --topo-stroke-grey:  color-mix(in srgb, var(--ink) 6%,  transparent);
  --gradient-brand: linear-gradient(120deg,
    var(--brand) 0%, var(--brand-2) 40%, var(--brand-cool) 72%, var(--brand-warm) 100%);
  --gradient-emphasis:      linear-gradient(115deg, var(--brand) 0%, var(--brand-2) 75%);
  --gradient-emphasis-dark: linear-gradient(115deg, var(--brand-cool) 0%, var(--brand-warm) 95%);
  --mesh-dawn:
    radial-gradient(42% 55% at 18% 22%, color-mix(in srgb, var(--brand)      16%, transparent) 0%, transparent 70%),
    radial-gradient(50% 60% at 82% 18%, color-mix(in srgb, var(--brand-cool) 55%, transparent) 0%, transparent 70%),
    radial-gradient(45% 55% at 72% 78%, color-mix(in srgb, var(--brand-warm) 14%, transparent) 0%, transparent 70%),
    radial-gradient(38% 48% at 28% 82%, color-mix(in srgb, var(--brand-2)    14%, transparent) 0%, transparent 70%);
  --mesh-deep:
    radial-gradient(50% 65% at 20% 30%, color-mix(in srgb, var(--brand)      22%, transparent) 0%, transparent 70%),
    radial-gradient(45% 55% at 80% 25%, color-mix(in srgb, var(--brand-2)    18%, transparent) 0%, transparent 70%),
    radial-gradient(40% 50% at 65% 85%, color-mix(in srgb, var(--brand-cool) 45%, transparent) 0%, transparent 70%);
  --brand:         #2DE2C0;
  --text-accent:   #127E6A;
  --accent-primary: #127E6A;
  --brand-deep:    #18AB90;
  --brand-soft:    #9CCEC5;
  --brand-tint:    #E6FCF7;
  --brand-2:       #A78BFA;
  --brand-2-deep:  #5823F5;
  --brand-2-tint:  #F4F1FE;
  --paper:         #FFFFFF;
  --ink:           #070B12;
}