/* ============================================================
   Tam Immobiliare — Color tokens
   Brand petrol teal sampled from the logo mark: rgb(13,92,124).
   Warm architectural neutrals (facades "in scala di grigi"),
   a sand accent (rovere parquet / stone), and an energy green
   for Classe A energy badges.
   ============================================================ */

:root {
  /* ---- Brand: Petrol Teal ---- */
  --teal-50:  #eef6fa;
  --teal-100: #d6e9f1;
  --teal-200: #aed3e3;
  --teal-300: #7bb8d2;
  --teal-400: #3f97ba;
  --teal-500: #1a7ba1;
  --teal-600: #0f6788;
  --teal-700: #0d5c7c; /* ← core brand color, from the logo */
  --teal-800: #0a4863;
  --teal-900: #072f41;
  --teal-950: #041f2c;

  /* ---- Neutrals: warm architectural grey ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f8f8f7;
  --neutral-100: #f1f1ef;
  --neutral-150: #e8e8e5;
  --neutral-200: #dededa;
  --neutral-300: #c4c4bf;
  --neutral-400: #a1a29c;
  --neutral-500: #7d7e78;
  --neutral-600: #5f605b;
  --neutral-700: #474843;
  --neutral-800: #2f302c;
  --neutral-900: #1c1d1a; /* near-black ink */

  /* ---- Accent: Sand / Rovere ---- */
  --sand-50:  #f7f2e9;
  --sand-100: #eee3cf;
  --sand-200: #ddc9a3;
  --sand-300: #cbae78;
  --sand-400: #bd9a5c;
  --sand-500: #a88448;
  --sand-600: #8a6c3a;
  --sand-700: #6b532d;

  /* ---- Semantic: Energy / status ---- */
  --energy-100: #d9ecdf;
  --energy-500: #2f8f5b;  /* Classe A green */
  --energy-700: #1f6b41;

  --amber-100: #f5e6c9;
  --amber-500: #c88a2e;
  --amber-700: #8f5f17;

  --terracotta-100: #f2d9d0;
  --terracotta-500: #b4442e;  /* danger / warm red */
  --terracotta-700: #832e1e;

  /* ============================================================
     Semantic aliases — reach for THESE in components
     ============================================================ */
  --color-brand:        var(--teal-700);
  --color-brand-hover:  var(--teal-800);
  --color-brand-active: var(--teal-900);
  --color-brand-subtle: var(--teal-50);
  --color-on-brand:     var(--neutral-0);

  --color-accent:       var(--sand-400);
  --color-accent-strong:var(--sand-600);
  --color-accent-subtle:var(--sand-50);

  --color-energy:       var(--energy-500);
  --color-energy-subtle:var(--energy-100);

  /* Text */
  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-700);
  --text-muted:     var(--neutral-500);
  --text-brand:     var(--teal-700);
  --text-inverse:   var(--neutral-0);
  --text-on-accent: var(--neutral-900);

  /* Surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-subtle:  var(--neutral-100);
  --surface-sunken:  var(--neutral-150);
  --surface-inverse: var(--teal-900);
  --surface-brand:   var(--teal-700);

  /* Borders */
  --border-subtle:  var(--neutral-150);
  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-300);
  --border-brand:   var(--teal-700);

  /* Focus */
  --focus-ring: color-mix(in srgb, var(--teal-500) 55%, transparent);
}