/* ============================================================================
 * skins.css — GENERATED app theme skins (node scripts/gen-app-skins.mjs).
 * A skin layers full token overrides on top of the base light/dark theme via
 * html[data-skin="…"]. The base scheme (data-theme) still drives light/dark
 * logic (logo swaps, charts), so every skin declares its base scheme in
 * App.SKINS (js/app.js). Colour-only: radius/spacing untouched.
 * ==========================================================================*/

/* Pure White (light) — Crisp gallery minimalism — airy white surfaces, cool graphite text, one restrained indigo-blue doing all the talking. */
[data-skin="pure-white"] {
  --bg: #f7f8fa;
  --panel: #ffffff;
  --panel-2: #f2f4f8;
  --ink: #1a1f26;
  --ink-soft: #5a6472;
  --line: #e6e9ee;
  --line-strong: #c5ccd6;
  --brand: #3b5bdb;
  --brand-2: #6b83e8;
  --accent: #0b7285;
  --good: #1f7a33;
  --warn: #b45309;
  --bad: #c92a2a;
  --shadow: 0 1px 2px rgba(16,24,40,0.06), 0 6px 16px rgba(16,24,40,0.08);
}

/* Warm Sand (light) — Quality stationery — cream-manila paper, warm sepia ink, deep chestnut-clay actions with an antique-gold flourish. */
[data-skin="warm-sand"] {
  --bg: #f3ecdd;
  --panel: #fdfaf3;
  --panel-2: #f5efe1;
  --ink: #33291c;
  --ink-soft: #6f6252;
  --line: #e6dcc7;
  --line-strong: #ccbea2;
  --brand: #8c3f21;
  --brand-2: #b4653a;
  --accent: #8f6e15;
  --good: #467226;
  --warn: #b26205;
  --bad: #b03024;
  --shadow: 0 1px 2px rgba(92,72,40,0.08), 0 6px 16px rgba(92,72,40,0.10);
}

/* Ocean (light) — Airy coastal calm — sky-tinted paper, deep sea-blue actions, fresh aqua charts, a single warm coral counterpoint. */
[data-skin="ocean"] {
  --bg: #eef4f8;
  --panel: #ffffff;
  --panel-2: #f0f6fa;
  --ink: #14293a;
  --ink-soft: #4c6579;
  --line: #dbe6ee;
  --line-strong: #b9cddb;
  --brand: #0f5e7a;
  --brand-2: #1898ad;
  --accent: #c94f33;
  --good: #15803d;
  --warn: #b45309;
  --bad: #c0362c;
  --shadow: 0 1px 2px rgba(13,44,66,0.06), 0 6px 16px rgba(13,44,66,0.09);
}

/* Sage (light) — Organic calm — cream-sage paper, grey-green neutrals, deep forest-sage actions warmed by muted antique gold. */
[data-skin="sage"] {
  --bg: #eef0e4;
  --panel: #fbfcf6;
  --panel-2: #f1f3e8;
  --ink: #262b22;
  --ink-soft: #5c6455;
  --line: #dde1cf;
  --line-strong: #c1c8ae;
  --brand: #3d5c40;
  --brand-2: #63845a;
  --accent: #96731c;
  --good: #2e7d32;
  --warn: #b05e10;
  --bad: #b3382c;
  --shadow: 0 1px 2px rgba(58,66,44,0.07), 0 6px 14px rgba(58,66,44,0.09);
}

/* Sunrise (light) — Warm dawn light on paper — optimistic, energising, still all-business. */
[data-skin="sunrise"] {
  --bg: #f7efe4;
  --panel: #fffdf8;
  --panel-2: #f9f2e6;
  --ink: #38281b;
  --ink-soft: #75604c;
  --line: #eadfcc;
  --line-strong: #d3bfa4;
  --brand: #a04a22;
  --brand-2: #5c7291;
  --accent: #dd9420;
  --good: #2e7d43;
  --warn: #a5730a;
  --bad: #b3372e;
  --shadow: 0 1px 2px rgba(93,62,32,0.06), 0 10px 28px rgba(93,62,32,0.11);
}

/* Midnight (dark) — Deep blue-black executive dark — softly luminous, silver-blue, flagship calm. */
[data-skin="midnight"] {
  --bg: #0a0e18;
  --panel: #111726;
  --panel-2: #171f31;
  --ink: #dbe3f0;
  --ink-soft: #94a2ba;
  --line: #1d2537;
  --line-strong: #2e3a54;
  --brand: #84a7e6;
  --brand-2: #4fb0c6;
  --accent: #d4b06a;
  --good: #5fc98e;
  --warn: #e0b25c;
  --bad: #ec7f88;
  --shadow: 0 1px 2px rgba(0,0,0,0.45), 0 14px 36px rgba(2,6,16,0.55);
}

/* Royal Grape (dark) — Aubergine and gold — regal, distinctive, quietly opulent but work-safe. */
[data-skin="royal-grape"] {
  --bg: #130c19;
  --panel: #1c1226;
  --panel-2: #241832;
  --ink: #ece4f4;
  --ink-soft: #a996bb;
  --line: #2c1f3a;
  --line-strong: #443257;
  --brand: #b295e8;
  --brand-2: #8f7ad1;
  --accent: #d9a83c;
  --good: #66c088;
  --warn: #e0ab55;
  --bad: #ee7d88;
  --shadow: 0 1px 2px rgba(0,0,0,0.5), 0 14px 36px rgba(10,4,18,0.6);
}

/* Dark Academia (dark) — Library at night — parchment ink, terracotta and old gold over warm shadow. */
[data-skin="dark-academia"] {
  --bg: #0d0c14;
  --panel: #171319;
  --panel-2: #1f1a22;
  --ink: #e8e4dc;
  --ink-soft: #a89f92;
  --line: #2a2230;
  --line-strong: #3e3345;
  --brand: #c4755a;
  --brand-2: #94a271;
  --accent: #c9a030;
  --good: #82bd82;
  --warn: #e2ac53;
  --bad: #de6b6b;
  --shadow: 0 1px 2px rgba(0,0,0,0.5), 0 14px 36px rgba(8,5,3,0.55);
}