/**
 * Daccina design tokens — load before color.css so var(--primary) resolves.
 */
:root {
  --primary: #348adc;
  --secondary: #555663;

  --neutral-100: #edeff3;
  --neutral-200: #c6d1d7;
  --neutral-300: #9fa0b5;

  --accent-green: #51bc8f;
  --accent-cyan: #65c9d4;
  --accent-red: #e8706e;
  --accent-yellow: #fae29b;

  --font-primary: "Poppins", sans-serif;

  --card-shadow: 0px 10px 30px rgba(52, 138, 220, 0.15);

  --text-heading: #1f2233;
  --text-body: var(--secondary);
  --text-muted: var(--neutral-300);
  --text-on-dark: #ffffff;
  --surface-page: #ffffff;
  --background: var(--surface-page);
  --surface-muted: var(--neutral-100);
  --surface-dark: #2b303f;
  --glass-bar: #2c2c2e;
  --glass-bar-bg: color-mix(in srgb, var(--glass-bar) 78%, transparent);
  --glass-bar-border: rgb(255 255 255 / 0.12);
  --glass-bar-highlight: rgb(255 255 255 / 0.08);
  --glass-bar-shadow: rgb(0 0 0 / 0.25);
  --glass-shimmer: rgb(255 255 255 / 0.14);

  --fs-h1: 3.5rem;
  --fs-h2: 2.625rem;
  --fs-h3: 1.875rem;
  --fs-body: 1rem;
  --fs-lead: 1.125rem;
  --lh-tight: 1.15;
  --lh-body: 1.75;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}

@media (max-width: 991.98px) {
  :root {
    --fs-h1: 2.375rem;
    --fs-h2: 2rem;
    --fs-h3: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  :root {
    --fs-h1: 2rem;
    --fs-h2: 1.75rem;
    --fs-h3: 1.375rem;
  }
}