/* ==========================================================================
   Dr. Shkipor - Design Tokens & Variables
   ========================================================================== */

:root {
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Color Palette */
    --color-primary-navy: #152c5b;
    --color-primary-dark: #12244f;
    --color-primary-blue: #2252ce;
    --color-text-main: #142550;
    --color-text-muted: #5e6e8c;
    --color-text-light: #8896ab;
    
    --color-badge-bg: #eef3fc;
    --color-badge-text: #182c61;
    --color-badge-dot: #182c61;

    --color-card-bg: #ffffff;
    --color-card-border: rgba(228, 235, 246, 0.85);
    --color-page-bg: #ffffff;
    --color-section-bg-alt: #F8F9FC;
    --color-border-separator: #f1f1f1;

    --color-btn-bg: #182c61;
    --color-btn-text: #ffffff;
    --color-btn-hover-bg: #2252ce;

    /* Shadows */
    --shadow-card: 0 10px 32px -4px rgba(18, 36, 79, 0.07), 0 4px 12px -2px rgba(18, 36, 79, 0.03);
    --shadow-card-hover: 0 22px 48px -6px rgba(18, 36, 79, 0.12), 0 8px 20px -2px rgba(18, 36, 79, 0.05);
    --shadow-btn-hover: 0 6px 18px rgba(34, 82, 206, 0.35);

    /* Radii */
    --radius-card: 20px;
    --radius-badge: 6px;
    --radius-pill: 50px;

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}