/* ============================================================================
   theme-c2e-calm.css — the "C2e Calm" skin. Layer this AFTER theme-c2e.css.
   Same layout, same structure — it only retunes tokens toward the vE-Calm
   foundation and turns the sticker pills into straight-edged chips:
     · paper de-yellowed to a near-neutral warm off-white
     · --sketch-ink dropped from ~10:1 to a ~3.4:1 hairline (the big lever)
     · every semantic hue muted (field-kit, not crayon-box); tints softened
     · orange primary untouched (the 7.07:1 fill/ink LAW pair) — just rationed
     · sticker pills (999px, 1.5px) become chips (7px, 1px hairline)
   Nothing structural changes; drop this <link> after theme-c2e.css to A/B it.
   ============================================================================ */

:root, :root[data-theme="light"] {
  --background:#faf8f3;  --card:#fffefb;  --popover:#fffefb;  --paper:#f5f2ea;  --clay:#f5f2ea;
  --secondary:#f2efe7;   --secondary-foreground:#1f1e1b;
  --muted:#f2efe7;       --muted-foreground:#6b665a;
  --accent:#f2efe7;      --accent-foreground:#1f1e1b;
  --border:#e8e4d9;      --border-strong:#d5cfc0;  --faint:#8c8474;
  --primary-tint:#f9efe1;
  --success:#a5d8ad;     --success-strong:#2b6f3a;  --success-tint:#e9f3ea;
  --info:#9ec5e8;        --info-strong:#1f608e;     --info-tint:#e9f0f7;
  --warning:#f0d078;     --warning-strong:#875200;  --warning-tint:#f8eed4;
  --destructive:#c73e36; --destructive-strong:#a52e28; --destructive-tint:#f7e4e0;
  --ai:#cfa3e3;          --ai-strong:#7b4396;       --ai-tint:#f3e9f7;
  --avatar-bg:#9ec5e8;   --avatar-foreground:#1f1e1b;
  --sidebar:#fffefb;     --sidebar-primary:#e9f0f7; --sidebar-primary-foreground:#1f608e; --sidebar-accent:#f2efe7;
  --chart-2:#9ec5e8;
  /* the calm hairline — was rgba(31,30,27,.85) */
  --sketch-ink:rgba(31,30,27,.52);
}

:root[data-theme="dark"] {
  --background:#221f1a;  --card:#2b2822;  --popover:#2b2822;  --paper:#272419;  --clay:#272419;
  --secondary:#35312a;  --secondary-foreground:#ece9e1;
  --muted:#35312a;      --muted-foreground:#aca698;
  --accent:#35312a;     --accent-foreground:#ece9e1;
  --border:#3c3830;     --border-strong:#4a453b;
  --primary-strong:#ffb865;  --primary-tint:#362a1c;
  --success:#57b06a;    --success-strong:#8bcc97;  --success-tint:#263129;
  --info:#6da7d8;       --info-strong:#9cc3e6;     --info-tint:#242d37;
  --warning:#e6c25c;    --warning-strong:#ecc884;  --warning-tint:#37301f;
  --destructive:#e0756c; --destructive-strong:#ec938c; --destructive-tint:#392525;
  --ai:#b98ed3;         --ai-strong:#cfaae2;       --ai-tint:#322638;
  --avatar-bg:#6da7d8;
  --sidebar:#2b2822;    --sidebar-primary:#242d37; --sidebar-primary-foreground:#9cc3e6; --sidebar-accent:#35312a;
  --chart-2:#6da7d8;
  --sketch-ink:rgba(236,233,225,.42);
}

/* Stickers → chips: straight corners, hairline, a touch tighter. */
.pill{ border-width:1px; border-radius:7px; padding:3px 9px; font-weight:600; }

/* Hairline the outlines (1.5px → 1px); --sketch-ink is already softened above. */
.sketch, .sketch-2, .kpi, .card, .ai-panel, .avatar, .btn, .ear,
.tblwrap, .chartbars .b, .plate, .nav a, .search{ border-width:1px; }

/* Sync chip + nameplate read as a chip, not a lozenge sticker. */
.syncchip{ border-width:1px; border-radius:8px; }

/* Give the AI panel a calm solid hairline instead of the loud dashed frame. */
.ai-panel{ border-style:solid; }
.ai-panel .draft{ border-style:solid; }