/* Van9 color system.
   Brand: Aegean petrol (sea) + sun-baked terracotta (Lindos clay) on warm paper.
   Deliberately distinct from home.gr / persis.ai palettes (spec §0.2).
   The price is always set in near-black ink: fixed prices LOOK fixed — printed, never glowing. */
:root{
  /* Base — petrol (brand) */
  --petrol-50:#eef6f8;--petrol-100:#d9ecf0;--petrol-200:#b5d8e0;--petrol-300:#86bcc9;--petrol-400:#4f99ac;--petrol-500:#2f7d92;--petrol-600:#1f6478;--petrol-700:#175264;--petrol-800:#12414f;--petrol-900:#0e3441;--petrol-950:#082129;
  /* Base — terracotta (accent, small doses) */
  --terra-50:#fdf3ee;--terra-100:#fae4d8;--terra-200:#f4c8b0;--terra-300:#eba580;--terra-400:#de8155;--terra-500:#c96a41;--terra-600:#a64d2b;--terra-700:#8a3f24;--terra-800:#6f341f;--terra-900:#5a2b1b;
  /* Base — warm paper + petrol-tinted ink */
  --sand-50:#faf8f4;--sand-100:#f3efe7;--sand-200:#e9e3d7;--sand-300:#d9d1bf;
  --ink-950:#101c21;--ink-900:#1b2b32;--ink-700:#3c4f56;--ink-600:#52666d;--ink-500:#647a82;--ink-400:#90a0a6;--ink-300:#b4c0c4;
  /* Base — semantic hues */
  --green-700:#25693f;--green-600:#2c7a4b;--green-300:#a9d5b9;--green-100:#e6f3ea;
  --amber-800:#7a5313;--amber-700:#8a5d17;--amber-300:#e8cf98;--amber-100:#fbf1dc;
  --red-700:#992d21;--red-600:#b23527;--red-300:#efc0ba;--red-100:#faeae8;

  /* Semantic — surfaces */
  --surface-page:var(--sand-50);
  --surface-card:#ffffff;
  --surface-sunken:var(--sand-100);
  --surface-brand:var(--petrol-600);
  --surface-brand-subtle:var(--petrol-50);
  --surface-accent-subtle:var(--terra-50);
  --overlay:rgba(16,28,33,.52);
  /* Semantic — text */
  --text-body:var(--ink-900);
  --text-secondary:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-brand:var(--petrol-700);
  --text-accent:var(--terra-600);
  --text-price:var(--ink-950);
  --text-on-brand:#ffffff;
  /* Semantic — borders */
  --border-subtle:#ece7dc;
  --border-default:#d8d2c4;
  --border-strong:var(--ink-400);
  --border-brand:var(--petrol-600);
  /* Semantic — interactive */
  --color-primary:var(--petrol-600);
  --color-primary-hover:var(--petrol-700);
  --color-primary-active:var(--petrol-800);
  --color-accent:var(--terra-500);
  --color-accent-strong:var(--terra-600);
  --color-focus:var(--petrol-500);
  --color-link:var(--petrol-700);
  --color-link-hover:var(--petrol-900);
  --selection-bg:var(--petrol-200);
  /* Semantic — states */
  --color-success:var(--green-600);--color-success-strong:var(--green-700);--surface-success:var(--green-100);--border-success:var(--green-300);
  --color-warning:var(--amber-700);--color-warning-strong:var(--amber-800);--surface-warning:var(--amber-100);--border-warning:var(--amber-300);
  --color-danger:var(--red-600);--color-danger-strong:var(--red-700);--surface-danger:var(--red-100);--border-danger:var(--red-300);
  --color-info:var(--petrol-600);--surface-info:var(--petrol-50);--border-info:var(--petrol-200);
  color-scheme:light;
}
/* Dark theme — petrol-tinted night, never pure black. Same semantic names. */
[data-theme="dark"]{
  --surface-page:#0d1b20;
  --surface-card:#132730;
  --surface-sunken:#0a161b;
  --surface-brand:#1f6478;
  --surface-brand-subtle:#12333e;
  --surface-accent-subtle:#33231b;
  --overlay:rgba(2,8,10,.66);
  --text-body:#e8eef0;
  --text-secondary:#b8c7cc;
  --text-muted:#8da1a8;
  --text-faint:#64787f;
  --text-brand:#8ec7d6;
  --text-accent:#e59a72;
  --text-price:#f4f8f9;
  --text-on-brand:#ffffff;
  --border-subtle:#1d3640;
  --border-default:#2a4954;
  --border-strong:#4c6a74;
  --border-brand:#4f99ac;
  --color-primary:#2f7d92;
  --color-primary-hover:#3c93aa;
  --color-primary-active:#4f99ac;
  --color-accent:#de8155;
  --color-accent-strong:#eba580;
  --color-focus:#5fb0c4;
  --color-link:#8ec7d6;
  --color-link-hover:#b5dde7;
  --selection-bg:#12414f;
  --color-success:#5cb885;--color-success-strong:#7ccc9e;--surface-success:#122b1d;--border-success:#25573b;
  --color-warning:#d9ae5f;--color-warning-strong:#e5c37f;--surface-warning:#2d2210;--border-warning:#5c4720;
  --color-danger:#e07b6d;--color-danger-strong:#eb9c91;--surface-danger:#331511;--border-danger:#6b2a22;
  --color-info:#5fb0c4;--surface-info:#12333e;--border-info:#1f6478;
  color-scheme:dark;
}