/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #0891b2;
    --primary-hover: #0e7490;
    --secondary-color: #2563eb;
    --accent-color: #14b8a6;
    --turquoise-color: #06b6d4;

    --background-color: #ffffff;
    --surface-color: #f0f9ff;
    --surface-alt: #e0f2fe;
    --text-color: #0f172a;
    --text-muted: #64748b;
    --border-color: #e2e8f0;

    --font-heading: 'Rubik', sans-serif;
    --font-body: 'Heebo', sans-serif;

    --shadow-card: 0 6px 28px -12px rgba(15, 23, 42, 0.14);
    --shadow-soft: 0 18px 45px -20px rgba(8, 145, 178, 0.45);
    --radius-card: 1.5rem;

    --gradient-primary: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    --gradient-soft: linear-gradient(160deg, #f0f9ff 0%, #ecfeff 55%, #ffffff 100%);

    /* daisyUI 5 theme overrides */
    --color-primary: #0891b2;
    --color-primary-content: #ffffff;
    --color-secondary: #2563eb;
    --color-secondary-content: #ffffff;
    --color-accent: #14b8a6;
    --color-accent-content: #ffffff;
    --color-neutral: #0f172a;
    --color-neutral-content: #ffffff;
    --color-base-100: #ffffff;
    --color-base-200: #f0f9ff;
    --color-base-300: #e0f2fe;
    --color-base-content: #0f172a;
    --radius-box: 1.5rem;
    --radius-field: 0.9rem;
    --radius-selector: 999px;
}