/* ============================================================
   Ogham on Quare: the blog engine's own layer, read after
   quare.css. Maps post states, the publish diff and the inbox
   onto Quare's ink and pigments. Every colour has a word beside
   it in the UI: status is never colour alone.
   ============================================================ */
:root,
[data-theme="quare"] {
  --paper: var(--quick-bg);
  --muted-tx: #5f584a;                 /* captions, 5.9:1 on canvas */
  --well: rgba(20, 17, 11, .05);
  --row-hover: rgba(20, 17, 11, .045);
  --row-sel: rgba(255, 207, 26, .28);

  --bd: 2px solid var(--ink);
  --bd-soft: 1.5px solid var(--ink);
  --sh: 3px 4px 0 var(--ink);
  --sh-sm: 2px 2px 0 var(--ink);

  /* Post and job states, always ink text on the pigment */
  --published: #63cf86;
  --draft: #dcd8ca;
  --scheduled: #4ec0e6;
  --changed: #ffcf1a;    /* published, edited since the last publish */
  --ok: #63cf86;
  --warn: #ffcf1a;
  --bad: #ff6f52;
  --idle: #dcd8ca;
  --info: #4ec0e6;
  --other: #b79bf5;      /* the ring: other people's sites */

  /* Diff marks in Publish */
  --add: #63cf86;
  --mod: #ffcf1a;
  --del: #ff6f52;

  --code-bg: #1d1a13;
  --code-tx: #f3ead4;
  --code-dim: #9a9078;

  --scrim: rgba(20, 17, 11, .42);
  --font-mono: 'Space Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --font-ogham: 'Noto Sans Ogham', serif;
  --font-read: 'Hanken Grotesk', 'Space Grotesk', system-ui, sans-serif;
}

[data-theme="square"] {
  --muted-tx: #6a6156;
  --well: rgba(74, 64, 56, .05);
  --row-hover: rgba(74, 64, 56, .04);
  --row-sel: rgba(201, 176, 106, .22);

  --bd: 1.5px solid rgba(74, 64, 56, .5);
  --bd-soft: 1.5px solid rgba(74, 64, 56, .45);
  --sh: 2px 2px 0 rgba(74, 64, 56, .14);
  --sh-sm: 1px 1px 0 rgba(74, 64, 56, .14);

  --published: #cfe6d0;
  --draft: #e6e0d2;
  --scheduled: #c4dfe8;
  --changed: #f0e0a4;
  --ok: #cfe6d0;
  --warn: #f0e0a4;
  --bad: #f2c3b0;
  --idle: #e6e0d2;
  --info: #c4dfe8;
  --other: #ddd2f0;

  --add: #cfe6d0;
  --mod: #f0e0a4;
  --del: #f2c3b0;

  --code-bg: #fbf8f2;
  --code-tx: #4a4038;
  --code-dim: #8a8073;

  --scrim: rgba(74, 64, 56, .28);
}