/* ======================================================
   Design tokens
====================================================== */

/* Light theme (default) */
:root {
  --color-bg-primary: #f8fafc;
  --color-bg-secondary: #eef2f7;

  --color-text-primary: #0b1420;
  --color-text-muted: rgba(11, 20, 32, 0.6);

  --color-accent: #08b4f2;
  --color-accent-soft: rgba(8, 180, 242, 0.12);

  --container-width: 72rem;

  --radius-sm: 0.375rem;
  --transition-base: 0.2s ease;
}

/* Dark theme */
:root[data-theme="dark"] {
  --color-bg-primary: #0b1420;
  --color-bg-secondary: #0f1d2c;

  --color-text-primary: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.6);

  --color-accent-soft: rgba(255, 255, 255, 0.08);
}