/* ============================================================
   Sapia · Executive KI-Campus
   Design Tokens (erweitert aus Corporate Design Manual V1.0)
   ============================================================ */
:root{
  /* --- Brand colours (aus mrpetzai-executive-workbook) --- */
  --night-blue:#0D3C41;
  --deep-navy:#092C30;
  --petrol:#1A5F64;
  --cyan:#1F6F74;
  --bg:#F4F9F9;
  --card:#FFFFFF;
  --text:#1F2F31;
  --muted:#637A7D;
  --line:#DAE6E7;
  --success:#1C8C64;
  --warning:#D98E04;

  /* tints */
  --navy-tint:#124F56;
  --cyan-tint:#EEF4F2;
  --petrol-tint:#E6EEEC;
  --bg-soft:#EBF4F5;

  /* --- Campus-Erweiterung: Sidebar / Premium-Akzente --- */
  --sidebar-from:#092C30;
  --sidebar-to:#10484E;
  --sidebar-line:rgba(255,255,255,.09);
  --sidebar-text:#C9DFE1;
  --sidebar-text-dim:#82A0A3;
  --sidebar-active-bg:rgba(31,111,116,.14);

  --gold:#B49A6A;
  --gold-dark:#8C6F42;
  --gold-tint:#F7F2E9;
  --gold-line:#EADCC4;

  --shadow-card:0 1px 2px rgba(13,60,65,.04), 0 8px 24px rgba(13,60,65,.06);
  --shadow-card-hover:0 4px 10px rgba(13,60,65,.06), 0 16px 40px rgba(13,60,65,.10);
  --shadow-sidebar:2px 0 24px rgba(9,44,48,.18);

  /* --- Typography --- */
  --serif:"Merriweather","Source Serif 4",Georgia,serif;
  --serif-display:"Merriweather",Georgia,serif;
  --sans:"Inter","Source Sans 3",Arial,sans-serif;
  --mono:"IBM Plex Mono","JetBrains Mono",monospace;

  /* --- Spacing (8px system) --- */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s7:64px;

  /* --- Radii --- */
  --r-card:16px; --r-sm:8px; --r-lg:20px; --r-pill:999px;

  /* --- Layout --- */
  --sidebar-w:268px;
  --topbar-h:76px;
  --content-max:1240px;
}