/* ============================================================
   Mr.PetzAI — Executive Campus 2.0
   Design Tokens (erweitert aus Corporate Design Manual V1.0)
   ============================================================ */
:root{
  /* --- Brand colours (aus mrpetzai-executive-workbook) --- */
  --night-blue:#082B46;
  --deep-navy:#061F33;
  --petrol:#087D8F;
  --cyan:#18B7C9;
  --bg:#F3F6FA;
  --card:#FFFFFF;
  --text:#1D2733;
  --muted:#61707F;
  --line:#D9E1E8;
  --success:#1C8C64;
  --warning:#D98E04;

  /* tints */
  --navy-tint:#0c3a5c;
  --cyan-tint:#E7F7F9;
  --petrol-tint:#E4EFF1;
  --bg-soft:#EAF0F6;

  /* --- Campus-Erweiterung: Sidebar / Premium-Akzente --- */
  --sidebar-from:#061F33;
  --sidebar-to:#0A3454;
  --sidebar-line:rgba(255,255,255,.09);
  --sidebar-text:#C7D6E3;
  --sidebar-text-dim:#7F94A6;
  --sidebar-active-bg:rgba(24,183,201,.14);

  --gold:#B9975A;
  --gold-dark:#8F7238;
  --gold-tint:#FBF6EC;
  --gold-line:#E7D9B8;

  --shadow-card:0 1px 2px rgba(8,43,70,.04), 0 8px 24px rgba(8,43,70,.06);
  --shadow-card-hover:0 4px 10px rgba(8,43,70,.06), 0 16px 40px rgba(8,43,70,.10);
  --shadow-sidebar:2px 0 24px rgba(6,31,51,.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;
}