/* ============================================================
   PROJETS IMMOBILIERS — Color tokens
   Brand derived from the logo: aubergine→magenta purple gradient
   over a stone-silver architectural mark. Paired with warm
   cream / parchment neutrals for a premium Loire-Valley feel.
   ============================================================ */
:root {
  /* --- Brand purple (plum / aubergine → magenta) --- */
  --plum-950: #220720;
  --plum-900: #2C0B29;
  --plum-800: #3D103A;   /* deep aubergine (gradient start) */
  --plum-700: #571850;
  --plum-600: #722272;   /* CORE brand purple */
  --plum-500: #8A2E80;
  --plum-400: #A4498F;   /* magenta highlight (gradient end) */
  --plum-300: #C083B0;
  --plum-200: #E6CFE2;
  --plum-100: #F1E4EF;
  --plum-50:  #F9F1F7;

  /* --- Warm neutrals (parchment / tuffeau stone) --- */
  --paper-50:  #FCFAF6;  /* page background, warm white */
  --paper-100: #F6F1E9;  /* subtle background blocks */
  --paper-200: #EDE6DA;  /* hairline borders, dividers */
  --paper-300: #E0D7C7;  /* stronger borders */
  --sand-400:  #C8BCA8;  /* muted decorative */
  --sand-500:  #A99C84;

  /* --- Cool stone (architectural silver, from logo) --- */
  --stone-200: #DCD9DF;
  --stone-300: #C7C3CC;
  --stone-400: #ADA8B4;
  --stone-500: #8B8593;

  /* --- Ink (warm plum-charcoal) --- */
  --ink-900: #211A20;    /* strongest text, near-black plum */
  --ink-800: #322833;
  --ink-700: #463B45;
  --ink-600: #5C5059;
  --ink-500: #6E6470;    /* muted text */
  --ink-400: #8E8693;
  --white:   #FFFFFF;

  /* --- Brass / gold (secondary, used sparingly) --- */
  --brass-700: #846227;
  --brass-600: #9B7B3F;
  --brass-500: #B8965A;  /* "coup de cœur", premium flourishes */
  --brass-400: #CFB079;
  --brass-100: #F0E7D3;

  /* --- Semantic --- */
  --green-600: #3E7C52;  /* success / disponible */
  --green-100: #E2EFE6;
  --amber-600: #B5862F;  /* warning / sous compromis */
  --amber-100: #F6ECD3;
  --red-600:   #B23A3A;  /* danger / vendu */
  --red-100:   #F4E2E0;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */
  --bg-page:        var(--paper-50);
  --bg-subtle:      var(--paper-100);
  --bg-inverse:     var(--plum-900);
  --surface-card:   var(--white);
  --surface-raised: var(--white);
  --surface-sunken: var(--paper-100);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-on-accent: var(--white);
  --text-on-dark:   var(--paper-100);

  --accent:         var(--plum-600);
  --accent-hover:   var(--plum-700);
  --accent-active:  var(--plum-800);
  --accent-soft:    var(--plum-50);
  --accent-soft-2:  var(--plum-100);
  --accent-border:  var(--plum-200);
  --magenta:        var(--plum-400);
  --gold:           var(--brass-500);
  --gold-soft:      var(--brass-100);

  --border:         var(--paper-200);
  --border-strong:  var(--paper-300);
  --border-accent:  var(--plum-200);
  --divider:        var(--paper-200);

  --focus-ring:     color-mix(in srgb, var(--plum-500) 45%, transparent);

  /* Signature brand gradient — from the logo. Use sparingly:
     logo lockups, one hero flourish, CTA wash. Not everywhere. */
  --gradient-brand: linear-gradient(135deg, #3D103A 0%, #722272 48%, #A4498F 100%); /* @kind other */
  --gradient-brand-soft: linear-gradient(135deg, #F9F1F7 0%, #F1E4EF 100%); /* @kind other */
  /* Image protection overlay for text-on-photo */
  --scrim-bottom: linear-gradient(to top, rgba(33,26,32,.78) 0%, rgba(33,26,32,.35) 38%, rgba(33,26,32,0) 72%); /* @kind other */
}