/* ═══════════════════════════════════════════════════════════
   INKWELL — PPJ internal CMS editor skin
   ═══════════════════════════════════════════════════════════
   Brand tokens (--warm, --font-heading, --font-body, etc.)
   are inherited from journal/theme.css via @import below.
   Edit journal/theme.css to update both the journal AND the
   CMS editor in a single change.

   The variables below are CMS chrome-specific — dark editor
   backgrounds, panel surfaces, and field UI. These override
   or extend what theme.css defines.
   ═══════════════════════════════════════════════════════════ */

@import url('../../journal/theme.css');

:root {
  /* ── CMS chrome backgrounds ──────────────────────────── */
  --deep:           #1c1917;      /* body / app background */
  --panel:          #252220;      /* sidebar, cards, panels */
  --ink:            #181614;      /* topbar */

  /* ── CMS text ────────────────────────────────────────── */
  --paper:          #f0ece4;      /* primary text */
  --stone:          #9b9086;      /* secondary / muted */
  --mist:           #e8e2d9;      /* tertiary */
  --ash:            #3f3b34;      /* dark mid-tone */

  /* ── CMS surfaces ────────────────────────────────────── */
  --border:         rgba(226,168,75,0.16);
  --surface-subtle: rgba(255,255,255,0.03);
  --surface-hover:  rgba(255,255,255,0.04);
  --field-bg:       rgba(255,255,255,0.04);
  --overlay:        rgba(0,0,0,0.55);

  /* ── Semantic ────────────────────────────────────────── */
  --good:           #8db48e;
  --caution:        var(--warm);
  --warn:           #c4826e;
}