/* ===========================================================================
   FEDUCCE — Colors
   Editorial emerald jewelry house. A warm bone canvas, near-black ink,
   deep emerald greens, and 18k gold. Restraint over decoration.
   =========================================================================== */

:root {
  /* --- Bone / paper (warm off-white canvas) ----------------------------- */
  --bone-50:  #F6F4EE;   /* lightest — lifted surface */
  --bone-100: #F0EEE7;   /* PRIMARY page background */
  --bone-200: #E9E6DD;   /* card / panel fill on bone */
  --bone-300: #DEDACE;   /* hairline-adjacent fills, inputs */
  --bone-400: #C9C4B6;   /* disabled fills, dividers on bone */

  /* --- Ink (near-black text & solid surfaces) --------------------------- */
  --ink-900:  #0C0C0B;   /* the brand black — wordmark, primary text */
  --ink-800:  #1A1A18;
  --ink-700:  #2B2A27;
  --ink-500:  #6E6B63;   /* muted / secondary text on bone */
  --ink-400:  #8C887E;   /* captions, meta, disabled text */
  --ink-300:  #ABA89D;

  /* --- Emerald (the house color) ---------------------------------------- */
  --emerald-900: #052619;  /* deepest forest — near-black green */
  --emerald-800: #073B28;
  --emerald-700: #0A4E36;
  --emerald-600: #0E5C3E;  /* PRIMARY emerald */
  --emerald-500: #137A52;
  --emerald-400: #1E9E6C;  /* bright signal / focus */
  --emerald-300: #4FBE8E;
  --emerald-100: #CFE7DA;  /* faint emerald tint surface */

  /* --- Gold (18k — heritage accent, used sparingly) --------------------- */
  --gold-700: #8A6526;
  --gold-600: #9C7530;
  --gold-500: #B5893C;     /* PRIMARY gold accent */
  --gold-400: #C9A24B;
  --gold-200: #E4D2A6;

  /* --- Turquoise (ancestral inlay accent — rare) ------------------------ */
  --turquoise-500: #3FA39A;

  /* --- Pure ------------------------------------------------------------- */
  --white: #FFFFFF;
  --black: #000000;

  /* =========================================================================
     Semantic aliases — reference these in components, not the raw scale.
     ========================================================================= */

  /* Surfaces */
  --surface-page:    var(--bone-100);
  --surface-raised:  var(--bone-50);
  --surface-card:    var(--bone-200);
  --surface-sunken:  var(--bone-300);
  --surface-invert:  var(--ink-900);   /* black blocks, footers, dark sections */
  --surface-emerald: var(--emerald-600);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-500);
  --text-meta:     var(--ink-400);   /* bracketed micro-labels, EST. 2024 */
  --text-on-dark:  var(--bone-100);
  --text-on-dark-muted: #9C9A92;
  --text-on-emerald: var(--bone-50);
  --text-accent:   var(--emerald-600);

  /* Lines & borders */
  --border-hairline: rgba(12, 12, 11, 0.16);  /* default rule on bone */
  --border-strong:   var(--ink-900);          /* outlined buttons, frames */
  --border-muted:    rgba(12, 12, 11, 0.10);
  --border-on-dark:  rgba(240, 238, 231, 0.22);

  /* Interaction */
  --focus-ring:    var(--emerald-400);
  --selection-bg:  var(--emerald-600);
  --selection-fg:  var(--bone-50);
}

/* Honor the dark/invert surfaces with a scoped helper */
[data-surface="invert"] {
  --text-strong: var(--bone-50);
  --text-body: var(--text-on-dark);
  --text-muted: var(--text-on-dark-muted);
  --text-meta: var(--text-on-dark-muted);
  --border-hairline: var(--border-on-dark);
  color: var(--text-body);
  background: var(--surface-invert);
}

::selection { background: var(--selection-bg); color: var(--selection-fg); }