/* ============================================================
   Avittat — Color System (Dark Luxury)
   Elegant, high-end dark foundation. The brand gold shifts toward a
   richer, brighter YELLOW-gold (less brown/"dorado"), set against deep
   near-black surfaces. Every Avittat product uses this dark base.
   ============================================================ */

:root {
  /* ---- Brand Gold — brighter, more yellow, less brown ---- */
  --gold-50:  #FFFAE0;
  --gold-100: #FFF0AE;
  --gold-200: #FFE37A;
  --gold-300: #FCD34D;
  --gold-400: #F5C518;   /* bright yellow-gold accent */
  --gold-500: #E8B800;   /* PRIMARY brand gold */
  --gold-600: #C79A00;
  --gold-700: #9C7900;
  --gold-800: #705700;
  /* The literal metallic gradient of the mark — use sparingly (rules, the A) */
  --gold-gradient: linear-gradient(150deg, #FFE37A 0%, #F5C518 35%, #E8B800 65%, #9C7900 100%); /* @kind color */

  /* ---- Warm Neutrals (light values reserved for text-on-dark & rare inverse panels) ---- */
  --bone-50:    #F7F3EA;   /* primary text on dark */
  --bone-100:   #EDE6D6;
  --sand-200:   #DCD2BC;
  --stone-300:  #4A4438;   /* mid charcoal, disabled/faint on dark */
  --stone-400:  #6B6350;
  --taupe-500:  #7C7562;   /* muted text on dark */
  --taupe-600:  #B0A996;   /* secondary text on dark */
  --graphite-700: #2A2723;
  --ink-800:    #17140F;   /* card surface */
  --ink-900:    #0F0D0A;   /* primary page background — rich near-black */
  --ink-950:    #080705;   /* deepest */
  --pure-white: #FFFFFF;   /* reserved — rare inverse panels only */

  /* ---- Valor Green (brightened for legibility on dark) ---- */
  --pine-50:  #16241D;
  --pine-100: #1D3128;
  --pine-400: #4FA184;
  --pine-500: #3E8A70;
  --pine-600: #2E6E58;
  --pine-700: #235645;
  --pine-900: #122A22;

  /* ---- Semantic tones (brightened for dark) ---- */
  --brick-400: #E2735A;
  --brick-500: #D4593D;    /* danger / negative delta */
  --brick-600: #B5462F;
  --brick-50:  #2B1712;
  --amber-warn: var(--gold-400);
  --info-500:  #6C97AE;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */

  /* Surfaces — dark, elegant foundation for every Avittat product */
  --surface-page:      var(--ink-900);
  --surface-raised:    var(--ink-800);
  --surface-sunken:    #141210;
  --surface-card:      var(--ink-800);
  --surface-card-alt:  #1C1811;
  --surface-inverse:   var(--bone-50);   /* rare light panels (printables, contrast blocks) */
  --surface-inverse-2: var(--bone-100);
  --surface-input:     #1A160F;

  /* Text */
  --text-strong:    var(--bone-50);
  --text-body:      var(--bone-100);
  --text-secondary: var(--taupe-600);
  --text-muted:     var(--taupe-500);
  --text-on-dark:        var(--bone-50);
  --text-on-dark-muted:  var(--taupe-600);
  --text-gold:      var(--gold-400);   /* gold text on dark */
  --text-on-gold:   #14110A;           /* near-black text on a gold fill */

  /* Borders & lines */
  --border-hairline: rgba(247, 243, 234, 0.12);
  --border-strong:   rgba(247, 243, 234, 0.28);
  --border-on-dark:  rgba(247, 243, 234, 0.14);
  --divider:         rgba(247, 243, 234, 0.12);
  /* Horizontality motif — full-bleed rules that cross the layout */
  --rule-gold:  var(--gold-500);
  --rule-ink:   rgba(247, 243, 234, 0.20);

  /* Brand */
  --brand-gold:      var(--gold-500);
  --brand-gold-deep: var(--gold-700);
  --brand-ink:       var(--ink-900);
  --accent-value:    var(--pine-400);

  /* Interactive */
  --focus-ring:      var(--gold-500);
  --link:            var(--gold-400);
  --link-hover:      var(--gold-300);

  /* Status */
  --positive:  var(--pine-400);
  --negative:  var(--brick-400);
  --warning:   var(--amber-warn);
}