/* Design tokens – change branding here.
   Colours from the Zmedia logo pack (May 2026):
     Royal Electric Blue #0665EF · Sky Pulse Blue #4DACFF
     Vibrant Rose Pink   #F13F78 · Crimson Pop Red #F01F51
   Brand blue carries accents; charts and editorial boxes keep the warm espresso/sand look. */
:root {
  color-scheme: light;

  /* Brand */
  --brand-blue: #0665ef;    /* Royal Electric Blue */
  --brand-sky: #4dacff;     /* Sky Pulse Blue */
  --brand-pink: #f13f78;    /* Vibrant Rose Pink */
  --brand-red: #f01f51;     /* Crimson Pop Red */

  /* Paper & ink – neutral, sits between the warm panels and the brand blue */
  --paper: #f6f5f2;         /* app background */
  --paper-2: #eeece7;       /* quiet fills, hover */
  --paper-3: #e4e1da;       /* selected fill */
  --surface: #ffffff;       /* raised surfaces (menus, composer) */
  --ink: #17191f;           /* primary text */
  --ink-hover: #2c3039;
  --ink-2: #5b5f69;         /* secondary text */
  --ink-3: #8f929a;         /* tertiary text, axis labels */
  --line: #e4e1da;          /* hairlines */
  --line-2: #d1cdc4;        /* stronger hairline */

  /* Accent */
  --accent: var(--brand-blue);   /* eyebrows, serif accents, links */
  --accent-2: var(--brand-sky);
  --accent-soft: #e4eefd;
  --accent-soft-line: #c7dafa;
  --highlight: var(--brand-pink); /* sparing: dots, unread markers */

  /* Warm editorial boxes (insights, next meeting, report) */
  --warm: #a8825c;          /* sand */
  --warm-2: #c7a47e;
  --warm-soft: #ece1d2;
  --warm-line: #dccdb9;
  --warm-surface: #fbf8f3;
  --warm-border: #e2d9cc;

  /* Night panel (charts, meeting hero, admin sidebar) – warm espresso */
  --night: #1d1814;
  --night-2: #28211c;
  --night-3: #362d26;
  --night-line: #3a312a;
  --night-ink: #f1e9de;
  --night-ink-2: #a89a8b;
  --night-ink-3: #7a6d61;
  --night-tip-line: #4a3f36;

  /* Series */
  --series-1: #ede3d6;      /* TikTok on night – cream */
  --series-2: #c9a078;      /* Instagram on night – sand */

  /* Semantic (kept apart from the accent) */
  --up: #178a57;
  --up-soft: #def3e8;
  --up-night: #8fbf98;
  --down: var(--brand-red);
  --down-hover: #cc1443;
  --down-soft: #fde4eb;
  --down-night: #df9a88;
  --warn: #b26b00;
  --warn-soft: #fbeed6;

  /* Overlays */
  --scrim: rgba(23, 25, 31, 0.4);
  --bar-bg: rgba(246, 245, 242, 0.94);
  --thumb-shade: rgba(20, 15, 12, 0.45);

  /* Type */
  --font-sans: 'Geist', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;

  --t-xs: 12px;
  --t-sm: 13px;
  --t-base: 14.5px;
  --t-md: 16px;
  --t-lg: 20px;
  --t-xl: 28px;
  --t-2xl: 36px;
  --t-3xl: 46px;

  /* Space & shape */
  --sidebar: 240px;
  --content: 1160px;
  --r-sm: 6px;
  --r: 10px;
  --r-lg: 16px;
  --shadow-pop: 0 1px 2px rgba(23, 25, 31, 0.06), 0 12px 32px -8px rgba(23, 25, 31, 0.2);
  --ease: cubic-bezier(0.22, 0.8, 0.26, 1);
}