/* BIAS AI palette, sampled from the shipped iOS app
   (assets/ios-home-briefing.png, assets/ios-saves.png) and the launch screen
   (assets/bias-ai-splash.png). The product is dark-first: :root IS the dark
   theme. A light scope exists for print and documents only. */

:root{
/* ── Void: true black ground and the near-black surface ramp ── */
--void-0:#000000;
--void-1:#0A0A0A;
--void-2:#141414;
--void-3:#181818;
--void-4:#242428;
--void-5:#313339;

/* ── Chalk: white through grey, the text ramp ── */
--chalk-0:#FFFFFF;
--chalk-1:#FDFDFD;
--chalk-2:#A8A8AE;
--chalk-3:#78787E;
--chalk-4:#4A4A50;

/* ── Signal: the app's blue. The one saturated action colour. ── */
--signal-100:#DBE7FE;
--signal-300:#6D9BF5;
--signal-500:#2563EB;
--signal-700:#1B4CC4;

/* ── Metallic: the BIAS AI wordmark treatment only ── */
--metal-highlight:#FFFFFF;
--metal-mid:#C9C9C9;
--metal-shadow:#8A8A8A;
--metal-gradient:linear-gradient(96deg,#FFFFFF 0%,#F2F2F2 18%,#A9A9A9 42%,#E6E6E6 62%,#9A9A9A 84%,#D8D8D8 100%); /* @kind other */

/* ── Tinted card fills, straight from the app ── */
--tint-navy:#0D1E35;
--tint-navy-border:#1E3559;
--tint-indigo:#171D35;
--tint-indigo-border:#2E3663;
--tint-maroon:#7A2348;
--tint-slate:#313339;
--tint-slate-card:#1F2937;
--tint-slate-border:#363F4B;
--indigo-500:#6466F1;
--indigo-wash:#0F0F23;

/* ── Category colours (Saves) ── */
--cat-inspo:#7A2348;
--cat-competitor:#3A2A5E;
--cat-product:#123A4A;
--cat-read:#2F3A21;
--cat-education:#4A3418;
--cat-other:#313339;

/* ── Semantic surfaces ── */
--surface-canvas:var(--void-0);
--surface-card:var(--void-1);
--surface-raised:var(--void-2);
--surface-sunken:var(--void-0);
--surface-inverse:var(--chalk-0);
--surface-chip:var(--void-2);
--surface-chip-active:var(--chalk-1);
--surface-thumb:var(--void-3);
--surface-tabbar:rgba(36,36,40,.92);
--surface-hover:rgba(255,255,255,.055);
--surface-active:rgba(255,255,255,.095);
--surface-selected:rgba(37,99,235,.14);
--surface-scrim:rgba(0,0,0,.62);
--surface-bento:rgba(255,255,255,.03);
--tonal-wash:linear-gradient(180deg,rgba(37,99,235,.09),rgba(37,99,235,0) 64%); /* @kind other */

/* ── Semantic text ── */
--text-primary:var(--chalk-0);
--text-secondary:var(--chalk-2);
--text-tertiary:var(--chalk-3);
--text-quaternary:var(--chalk-4);
--text-inverse:var(--void-0);
--text-accent:var(--signal-300);
--text-on-accent:var(--chalk-0);
--text-link:var(--chalk-0);
--text-link-hover:var(--signal-300);

/* ── Semantic borders ── */
--border-hairline:rgba(255,255,255,.09);
--border-bento:rgba(255,255,255,.08);
--border-strong:rgba(255,255,255,.20);
--border-chip:rgba(255,255,255,.16);
--border-inverse:rgba(0,0,0,.18);
--border-focus:var(--signal-500);

/* ── Semantic status ── */
--status-attention-fg:#F0A8A8;
--status-attention-bg:rgba(180,40,40,.20);
--status-done-fg:#9EDCA8;
--status-done-bg:rgba(40,150,70,.18);
--status-caution-fg:#E3C778;
--status-caution-bg:rgba(180,134,28,.18);
--status-info-fg:var(--signal-300);
--status-info-bg:rgba(37,99,235,.16);
}

/* Light scope — documents and print only. The product itself is never light. */
[data-theme="light"]{
--surface-canvas:#F4F4F5;
--surface-card:#FFFFFF;
--surface-raised:#FFFFFF;
--surface-sunken:#EDEDEF;
--surface-inverse:var(--void-1);
--surface-chip:#E8E8EA;
--surface-chip-active:var(--void-1);
--surface-thumb:#E3E3E6;
--surface-hover:rgba(0,0,0,.045);
--surface-active:rgba(0,0,0,.08);
--surface-scrim:rgba(0,0,0,.44);
--surface-bento:#FFFFFF;
--text-primary:#0A0A0A;
--text-secondary:#54545A;
--text-tertiary:#78787E;
--text-quaternary:#A8A8AE;
--text-inverse:#FFFFFF;
--text-accent:var(--signal-500);
--text-link:#0A0A0A;
--text-link-hover:var(--signal-500);
--border-hairline:rgba(0,0,0,.10);
--border-bento:rgba(0,0,0,.09);
--border-strong:rgba(0,0,0,.24);
--border-chip:rgba(0,0,0,.16);
}