/* TDV alternative 2026 — tokens per client brief
   Overrides the design-system tokens with the brief's exact palette. */

:root {
  /* Brand */
  --tdv-green:        #1B5E4B;
  --tdv-green-hover:  #2F7A63;
  --tdv-green-deep:   #144a3b;
  --tdv-sage:         #E8F0EC;   /* secondary surface tint */
  --tdv-coral:        #E07A5F;
  --tdv-coral-hover:  #c96a51;

  /* Neutrals */
  --tdv-bg:           #F8F5F0;   /* warm off-white */
  --tdv-surface:      #FFFFFF;
  --tdv-ink:          #2D2A26;   /* warm black */
  --tdv-ink-mute:     #7A746B;   /* warm grey */
  --tdv-border:       #E8E3DB;   /* warm border on off-white */
  --tdv-border-sage:  #D4E2DB;

  /* Traffic lights — darker earthy set per brief */
  --tdv-t-green:      #2E7D32;
  --tdv-t-green-bg:   #EAF3EB;
  --tdv-t-yellow:     #F9A825;
  --tdv-t-yellow-bg:  #FDF5E1;
  --tdv-t-red:        #C62828;
  --tdv-t-red-bg:     #F7E5E5;

  /* Shadows */
  --tdv-shadow-sm:    0 1px 3px rgba(45, 42, 38, 0.06);
  --tdv-shadow-md:    0 4px 20px rgba(45, 42, 38, 0.08);
  --tdv-shadow-hero:  0 8px 32px rgba(27, 94, 75, 0.14);

  /* Radii */
  --tdv-r-sm: 6px;
  --tdv-r-md: 10px;
  --tdv-r-lg: 14px;
  --tdv-r-xl: 18px;
  --tdv-r-pill: 999px;

  /* Type */
  --tdv-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.tdv-root, .tdv-root * {
  box-sizing: border-box;
  font-family: var(--tdv-font);
  -webkit-font-smoothing: antialiased;
}

.tdv-root {
  color: var(--tdv-ink);
  background: var(--tdv-bg);
  font-size: 16px;
  line-height: 1.6;
}

.tdv-tabular {
  font-variant-numeric: tabular-nums;
}

/* Eyebrow — micro-label */
.tdv-eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tdv-green);
}