:root {
  /* ── Base palette — sampled from the Maison Tavares crest ── */
  /* Brown (crest / primary) */
  --brown-900: #2b1a0c;
  --brown-800: #3d2410;
  --brown-700: #4a2d15;
  --brown-600: #5b381c;   /* crest primary */
  --brown-500: #74502e;
  --brown-400: #8c6a45;
  --brown-300: #b59375;   /* wood mid */
  --brown-200: #d8bd9f;
  --brown-100: #ecdcc6;

  /* Green (leaf badge) */
  --green-900: #34430a;
  --green-800: #4a5f10;
  --green-700: #5f7b16;
  --green-600: #77991b;   /* leaf primary */
  --green-500: #8ba82e;
  --green-400: #a4bb46;
  --green-300: #c2d380;
  --green-200: #dde7b3;
  --green-100: #eef3d9;

  /* Olive / earth (field strokes) */
  --olive-700: #514726;
  --olive-600: #675c45;
  --olive-500: #7d7150;

  /* Parchment / cream (wood-plank background) */
  --cream-50:  #fdf8f1;
  --cream-100: #faf1e5;
  --cream-200: #f5e6d3;
  --cream-300: #f9e9d9;   /* light wood */
  --cream-400: #eddcc6;

  /* Neutrals (warm-tinted) */
  --white:     #ffffff;
  --ink-900:   #241608;
  --ink-700:   #4b3a28;
  --ink-500:   #7a6a58;
  --ink-300:   #ab9d8c;
  --ink-100:   #e6dccf;

  /* Semantic */
  --danger:   #a5321f;
  --warning:  #c8871a;
  --success:  var(--green-600);
  --info:     #4a6b7c;

  /* ── Semantic aliases ── */
  --color-primary:        var(--brown-600);
  --color-primary-hover:  var(--brown-700);
  --color-primary-press:  var(--brown-800);
  --color-accent:         var(--green-600);
  --color-accent-hover:   var(--green-700);
  --color-accent-press:   var(--green-800);

  --bg-page:        var(--cream-100);
  --bg-canvas:      var(--cream-50);
  --surface-card:   var(--white);
  --surface-sunk:   var(--cream-200);
  --surface-inverse:var(--brown-800);

  --text-heading:   var(--brown-800);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-dark:   var(--cream-100);
  --text-on-accent: var(--white);
  --text-link:      var(--green-700);
  --text-link-hover:var(--green-800);

  --border-soft:    var(--cream-400);
  --border-default: var(--brown-200);
  --border-strong:  var(--brown-400);
  --focus-ring:     color-mix(in srgb, var(--green-600) 55%, transparent);
}