/* Garcia Family — Color tokens
   An equal blue + green duo over calm cool-neutral slates.
   Blue and green carry equal weight: blue = scheduling/time, green = home/people.
*/
:root {
  /* ---- Brand: Blue (calm azure) ---- */
  --blue-50:  #eef4fb;
  --blue-100: #d8e7f7;
  --blue-200: #b2cdee;
  --blue-300: #84afe2;
  --blue-400: #5790d4;
  --blue-500: #3b77c2; /* base */
  --blue-600: #2f60a1;
  --blue-700: #264c80;
  --blue-800: #1f3c64;
  --blue-900: #182c49;

  /* ---- Brand: Green (fresh leaf) ---- */
  --green-50:  #ecf7f0;
  --green-100: #d3edde;
  --green-200: #a9dbbf;
  --green-300: #7bc59d;
  --green-400: #51ae7d;
  --green-500: #379866; /* base */
  --green-600: #2c7c53;
  --green-700: #246343;
  --green-800: #1d4e35;
  --green-900: #163a28;

  /* ---- Neutrals: cool slate ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f6f8fa;
  --neutral-100: #edf1f5;
  --neutral-200: #dee5ec;
  --neutral-300: #c6d0da;
  --neutral-400: #9ba8b6;
  --neutral-500: #6f7d8c;
  --neutral-600: #51606e;
  --neutral-700: #3a4855;
  --neutral-800: #28333f;
  --neutral-900: #18212c;

  /* ---- Semantic status ---- */
  --success-50:  #ecf7f0;
  --success-500: #379866;
  --success-600: #2c7c53;
  --info-50:  #eef4fb;
  --info-500: #3b77c2;
  --info-600: #2f60a1;
  --warning-50:  #fdf4e3;
  --warning-500: #e0a21b;
  --warning-600: #b67f10;
  --danger-50:  #fbeeec;
  --danger-500: #d2553f;
  --danger-600: #b13f2c;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--blue-500);
  --color-primary-hover:  var(--blue-600);
  --color-primary-press:  var(--blue-700);
  --color-secondary:       var(--green-500);
  --color-secondary-hover: var(--green-600);
  --color-secondary-press: var(--green-700);

  --text-strong:  var(--neutral-900);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-faint:   var(--neutral-400);
  --text-on-fill: var(--neutral-0);
  --text-link:    var(--blue-600);

  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-raised:  var(--neutral-0);
  --surface-blue-soft:  var(--blue-50);
  --surface-green-soft: var(--green-50);
  --surface-inverse: var(--neutral-900);

  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --focus-ring:     var(--blue-400);
}