/* ==========================================================================
   ALCO CONSTRUCTORA — Color tokens
   Warm, elegant neutrals ("gris" per client brief) + a single clay/terracotta
   accent. No blues, no purples, no multi-color gradients.
   ========================================================================== */

:root {
  /* ---- Base ramp: warm stone/greige (not a pure cold gray) ---- */
  --stone-50:  #F6F4EF;
  --stone-100: #EDE9DF;
  --stone-200: #DDD6C8;
  --stone-300: #C4BAA6;
  --stone-400: #A69A81;
  --stone-500: #8A7D64;
  --stone-600: #6D6250;
  --stone-700: #524939;
  --stone-800: #383226;
  --stone-900: #211E17;

  /* ---- Ink: near-black warm charcoal (primary dark surface/text) ---- */
  --ink-900: #1E1B16;
  --ink-800: #2A2620;
  --ink-700: #3A342A;

  /* ---- Clay: terracotta accent ---- */
  --clay-300: #E7B292;
  --clay-400: #D08B5D;
  --clay-500: #BE6A38;   /* primary accent */
  --clay-600: #9C5227;
  --clay-700: #7A3F1E;

  /* ---- Paper: warm off-white ---- */
  --paper-0: #FBF9F4;

  /* ---- Semantic aliases ---- */
  --surface-page:    var(--paper-0);
  --surface-card:    #FFFFFF;
  --surface-sunken:  var(--stone-100);
  --surface-dark:    var(--ink-900);
  --surface-dark-2:  var(--ink-800);

  --text-primary:    var(--ink-900);
  --text-secondary:  var(--stone-600);
  --text-muted:      var(--stone-400);
  --text-inverse:    var(--paper-0);
  --text-inverse-muted: var(--stone-300);

  --accent:          var(--clay-500);
  --accent-hover:     var(--clay-600);
  --accent-active:    var(--clay-700);
  --accent-soft:      var(--clay-300);
  --on-accent:        var(--paper-0);

  --border-subtle:   var(--stone-200);
  --border-strong:   var(--stone-400);
  --border-inverse:  rgba(251, 249, 244, 0.18);

  --focus-ring: var(--clay-500);

  --state-success: #5B6E4F; /* muted olive, used sparingly for confirmations */
  --state-danger:  #A83B2E; /* muted brick red for errors */
}