/* ========================================================================
   Ermineline brand tokens
   ------------------------------------------------------------------------
   A reusable token sheet the Flask app in /workspace/x-insights-app/
   can adopt later (link this file, then replace existing --bg/--ink/--accent
   references with the semantic aliases below). This mockup does not
   modify the Flask app.

   Palette: Ink, Stone, Imperial Gold, Hairline, Ivory
   Type:    Playfair Display (display) + Karla (body / UI)
   Voice:   Quiet, exact, and unhurried. We brief the room;
            we do not raise our voice.
   ======================================================================== */

:root {
  /* Official palette */
  --ermineline-ink: #111111;
  --ermineline-stone: #8C8883;
  --ermineline-gold: #C4A35A;
  --ermineline-hairline: #D9D4CC;
  --ermineline-ivory: #F7F4EF;

  /* Type */
  --ermineline-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --ermineline-font-body: "Karla", "Helvetica Neue", Arial, sans-serif;

  /* Semantic aliases (drop-in mapping for the existing app CSS) */
  --ink: var(--ermineline-ink);
  --stone: var(--ermineline-stone);
  --gold: var(--ermineline-gold);
  --hairline: var(--ermineline-hairline);
  --ivory: var(--ermineline-ivory);

  --bg: var(--ermineline-ivory);
  --paper: #FFFcf8;
  --muted: var(--ermineline-stone);
  --line: var(--ermineline-hairline);
  --accent: var(--ermineline-gold);
  --sidebar: var(--ermineline-ink);
  --sidebar-text: var(--ermineline-ivory);
  --sidebar-muted: #B7B2AB;

  /* Supporting data colors (not in the official five; use only in charts/alerts) */
  --color-pos: #3F5A3A;
  --color-neg: #7A3A3A;
  --color-neu: var(--ermineline-stone);
  --color-alert-high: #7A3A3A;
  --color-alert-med: #9A7A32;
  --color-alert-low: var(--ermineline-stone);

  /* Elevation */
  --shadow-soft: 0 1px 2px rgba(17, 17, 17, 0.04), 0 8px 24px rgba(17, 17, 17, 0.05);
}

/* Optional utility helpers (safe to leave unused by the app) */
.ermineline-hairline-rule {
  height: 1px;
  background: var(--ermineline-gold);
  border: 0;
  width: 48px;
}