/* ShoutCal design tokens — single source of truth for color, type, space.
   Pages consume these via var(); never hardcode values from this file. */

:root {
  /* surface */
  --bg: #f5f6f8;
  --surface: #ffffff;
  --line: #e4e6ea;
  --line-soft: #eef0f3;

  /* text */
  --fg: #191b1f;
  --muted: #6f7379;
  --faint: #a4a8ae;

  /* brand */
  --accent: #ff4d00;

  /* event categories */
  --work: #3b5bdb;
  --health: #2f9e44;
  --personal: #0c8599;

  /* channels */
  --sms: #0b84ff;
  --whatsapp: #1faa53;
  --slack: #611f69;
  --discord: #5865f2;

  /* notepad */
  --paper: #fffef8;
  --paper-line: #e7e1cf;
  --paper-margin: #f0b8b0;
  --ink: #35322b;
  --ink-soft: #8d8878;

  /* type */
  --font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-identity: "FreeSerif", serif;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* shape */
  --radius: 10px;
  --shadow: 0 1px 2px rgb(16 18 22 / .05), 0 4px 14px rgb(16 18 22 / .05);
  --shadow-lift: 0 2px 10px rgb(40 36 20 / .1), 0 10px 28px rgb(40 36 20 / .08);
}

[data-theme="dark"] {
  --bg: #131417;
  --surface: #1b1d21;
  --line: #2a2d33;
  --line-soft: #232529;
  --fg: #eceef1;
  --muted: #9ba0a8;
  --faint: #62666e;
  --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 14px rgb(0 0 0 / .25);
}