/* ============================================================
   ARON · Color tokens
   Brand: ARON Red #C0392B · Ink #1A1A1A
   Sleek, restrained — red as a single decisive accent over a
   warm-neutral grayscale.
   ============================================================ */

:root {
  /* --- Brand red ramp --- */
  --red-50:  #FBF0EE;
  --red-100: #F6DAD5;
  --red-200: #EDB4AB;
  --red-300: #E08C7E;
  --red-400: #D26553;
  --red-500: #C0392B; /* ARON brand red */
  --red-600: #A52E22;
  --red-700: #87271D;
  --red-800: #6B2018;
  --red-900: #4A160F;

  /* --- Warm-neutral grayscale --- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7F7F5;
  --neutral-100: #EFEEEB;
  --neutral-200: #E2E0DC;
  --neutral-300: #CBC9C3;
  --neutral-400: #A8A59E;
  --neutral-500: #7E7B74;
  --neutral-600: #5A5853;
  --neutral-700: #3D3C38;
  --neutral-800: #262523;
  --neutral-900: #1A1A1A; /* ink — from the wordmark */
  --neutral-950: #0F0F0E;

  /* --- Functional hues --- */
  --green-50:  #ECF6F0;
  --green-500: #1F8A5B;
  --green-600: #16744B;
  --amber-50:  #FBF2DF;
  --amber-500: #C9870A;
  --amber-600: #A06C06;
  --blue-50:   #EAF1FC;
  --blue-500:  #2D6CDF; /* blueprint / technical info */
  --blue-600:  #1E54B8;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Surfaces */
  --color-bg:          var(--neutral-50);
  --surface-base:      var(--neutral-0);
  --surface-card:      var(--neutral-0);
  --surface-sunken:    var(--neutral-100);
  --surface-raised:    var(--neutral-0);
  --surface-inverse:   var(--neutral-900);
  --surface-overlay:   rgba(15, 15, 14, 0.55);

  /* Text */
  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-tertiary:  var(--neutral-500);
  --text-disabled:  var(--neutral-400);
  --text-inverse:   var(--neutral-0);
  --text-brand:     var(--red-500);
  --text-link:      var(--red-600);

  /* Borders */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-inverse: var(--neutral-700);

  /* Primary action (brand) */
  --color-primary:        var(--red-500);
  --color-primary-hover:  var(--red-600);
  --color-primary-active: var(--red-700);
  --color-primary-fg:     var(--neutral-0);
  --color-primary-subtle: var(--red-50);

  /* Status */
  --color-success:    var(--green-500);
  --color-success-bg: var(--green-50);
  --color-warning:    var(--amber-500);
  --color-warning-bg: var(--amber-50);
  --color-danger:     var(--red-600);
  --color-danger-bg:  var(--red-50);
  --color-info:       var(--blue-500);
  --color-info-bg:    var(--blue-50);

  /* Focus */
  --focus-ring: var(--red-500);
}