/*
 * Chromatic Poetry — brand tokens: Black & Gold.
 * Every colour on the site comes from this file.
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  /* ── Core palette ─────────────────────────────── */
  --black:       #070707;   /* Obsidian: page background */
  --onyx:        #0E0D0B;   /* alternate sections */
  --graphite:    #15130F;   /* cards and panels */
  --graphite-2:  #1D1A14;   /* raised / hover */
  --gold:        #D4AF37;   /* Chromatic Gold: the signature */
  --gold-bright: #F4D774;   /* highlights, hover glow */
  --gold-pale:   #F8EBC0;   /* gold-tinted headline text */
  --gold-deep:   #9C7A23;   /* antique gold: borders, gold on cream */
  --champagne:   #F3EADA;   /* headings on black */
  --cream:       #F6EFDF;   /* the one light band */

  /* Metallic gold: buttons, rules and key words */
  --gold-metal: linear-gradient(135deg, #8C6A1E 0%, #C9A23A 22%, #F4DD8E 48%, #D4AF37 70%, #9C7A23 100%);
  --gold-line:  linear-gradient(90deg, transparent, #9C7A23 12%, #F4DD8E 50%, #9C7A23 88%, transparent);

  /* ── Semantic roles (dark theme) ──────────────── */
  --bg:            var(--black);
  --bg-alt:        var(--onyx);
  --surface:       var(--graphite);
  --surface-2:     var(--graphite-2);
  --border:        rgba(212, 175, 55, .16);
  --border-strong: rgba(212, 175, 55, .42);
  --heading:       var(--champagne);
  --text:          #E4DCCB;
  --text-muted:    #A39A86;
  --link:          var(--gold-bright);
  --on-gold:       #0A0906;
  --field-bg:      #0C0B09;
  --field-border:  rgba(243, 234, 218, .18);

  /* Light band (cream) */
  --cream-text:  #17130A;
  --cream-muted: #5E5644;
  --cream-line:  #E2D5B6;

  /* Status (tuned for black) */
  --ok:   #7FC796;  --ok-bg:   rgba(46, 125, 73, .16);   --ok-line:   rgba(127, 199, 150, .35);
  --warn: #E9B95A;  --warn-bg: rgba(212, 150, 40, .14);  --warn-line: rgba(233, 185, 90, .35);
  --bad:  #F08A7E;  --bad-bg:  rgba(190, 60, 45, .16);   --bad-line:  rgba(240, 138, 126, .4);

  /* Legacy names used by the admin area */
  --ink: var(--black);
  --ink-2: var(--graphite);
  --text-on-dark: #F1E9D8;
  --text-on-dark-muted: #A39A86;
  --line-dark: rgba(212, 175, 55, .16);
  --gold-soft: var(--gold-pale);
  --spectrum: var(--gold-line);

  /* Type */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape and depth */
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 20px 50px -20px rgba(0, 0, 0, .8);
  --glow: 0 0 0 1px rgba(212, 175, 55, .35), 0 10px 34px -8px rgba(212, 175, 55, .45);
  --max: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
}