/* ============================================================
   COLORS — Chris Bookman Personal Brand
   A warm editorial system: deep warm ink, soft paper, and a single
   signature terracotta accent. One muted sage as a quiet secondary.
   Chroma is rationed — restraint reads as premium.
   ============================================================ */

:root {
  /* ---- Ink (warm near-blacks → grays) ---- */
  --ink-900: #16140F; /* deepest warm black — primary text, ink surfaces */
  --ink-800: #211E18;
  --ink-700: #2E2A22;
  --ink-600: #4A453B;
  --ink-500: #6B6457; /* muted text */
  --ink-400: #918A7B; /* subtle text, captions */
  --ink-300: #B8B0A0; /* strong borders */
  --ink-200: #D9D2C3; /* borders, hairlines */
  --ink-100: #ECE7DB; /* faint fills, dividers */
  --ink-50:  #F4EFE6; /* tinted surface */

  /* ---- Paper (warm off-whites) ---- */
  --paper:        #F7F3EA; /* page background */
  --paper-raised: #FCFAF4; /* raised card surface */
  --paper-pure:   #FFFFFF; /* crispest surface */

  /* ---- Accent (terracotta / burnt amber) — the signature ---- */
  --accent-700: #8F3417;
  --accent-600: #A8401F;
  --accent-500: #C8512B; /* PRIMARY accent */
  --accent-400: #DD6B3F;
  --accent-300: #ECA079;
  --accent-100: #F5E0D3; /* tint / wash */
  --accent-50:  #FBF0E8;

  /* ---- Sage (muted secondary — used sparingly: tags, charts) ---- */
  --sage-600: #5E6347;
  --sage-500: #797E5C;
  --sage-300: #AEB293;
  --sage-100: #E4E6D6;

  /* ---- Semantic status (warm-tuned) ---- */
  --success: #4F7A52;
  --success-tint: #E2EBDD;
  --warning: #B9842A;
  --warning-tint: #F4E8CF;
  --error:   #B23A2E;
  --error-tint: #F3DCD8;
  --info:    #3C6E8F;
  --info-tint: #DCE8EF;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */
  --color-bg:            var(--paper);
  --color-bg-alt:        var(--ink-50);
  --color-surface:       var(--paper-raised);
  --color-surface-pure:  var(--paper-pure);
  --color-surface-ink:   var(--ink-900);   /* dark / inverse surface */

  --color-text:          var(--ink-900);
  --color-text-muted:    var(--ink-500);
  --color-text-subtle:   var(--ink-400);
  --color-text-on-ink:   var(--paper);
  --color-text-on-accent:var(--paper-pure);

  --color-accent:        var(--accent-500);
  --color-accent-hover:  var(--accent-600);
  --color-accent-press:  var(--accent-700);
  --color-accent-tint:   var(--accent-100);
  --color-accent-wash:   var(--accent-50);

  --color-secondary:     var(--sage-500);
  --color-secondary-tint:var(--sage-100);

  --color-border:        var(--ink-200);
  --color-border-strong: var(--ink-300);
  --color-hairline:      var(--ink-100);

  --color-link:          var(--accent-600);
  --color-focus-ring:    var(--accent-400);
}