/* ============================================================
   PAINCARE — DESIGN TOKENS
   Version: 1.0.0
   Location: assets/css/tokens.css
   ============================================================ */

:root {
    /* ══════ COLORS — PRIMARY ══════ */
    --pc-primary-50:  #E8F0F7;
    --pc-primary-100: #C5D9E8;
    --pc-primary-500: #0A2540;
    --pc-primary-600: #051428;
    --pc-primary-900: #02101D;

    /* ══════ COLORS — ACCENT ══════ */
    --pc-accent-50:   #FFF4EC;
    --pc-accent-100:  #FFE8DC;
    --pc-accent-400:  #FF8C42;
    --pc-accent-500:  #FF6A00;
    --pc-accent-600:  #E55F00;

    /* ══════ COLORS — SUCCESS ══════ */
    --pc-success-50:  #E6FBF5;
    --pc-success-500: #00D68F;
    --pc-success-600: #00B37A;

    /* ══════ COLORS — WARNING ══════ */
    --pc-warning-50:  #FFF8E6;
    --pc-warning-500: #FFB020;
    --pc-warning-600: #E69900;

    /* ══════ COLORS — DANGER ══════ */
    --pc-danger-50:   #FFE8EC;
    --pc-danger-500:  #FF3D71;
    --pc-danger-600:  #E62356;

    /* ══════ COLORS — INFO ══════ */
    --pc-info-50:     #E6F0FF;
    --pc-info-500:    #0066FF;
    --pc-info-600:    #0052CC;

    /* ══════ NEUTRALS ══════ */
    --pc-white:       #FFFFFF;
    --pc-bg-light:    #F7F9FC;
    --pc-bg-gray:     #EEF0F4;
    --pc-border:      #E2E8F0;
    --pc-border-light:#EEF0F4;

    /* ══════ TEXT ══════ */
    --pc-text-dark:   #0A2540;
    --pc-text-body:   #334155;
    --pc-text-muted:  #64748B;
    --pc-text-light:  #94A3B8;

    /* ══════ GRADIENTS ══════ */
    --pc-gradient-primary: linear-gradient(135deg, #0A2540, #051428);
    --pc-gradient-accent:  linear-gradient(135deg, #FF6A00, #FF8C42);
    --pc-gradient-success: linear-gradient(135deg, #00D68F, #00B37A);
    --pc-gradient-danger:  linear-gradient(135deg, #FF3D71, #FF6B9D);

    /* ══════ SPACING ══════ */
    --pc-space-1:  4px;
    --pc-space-2:  8px;
    --pc-space-3:  12px;
    --pc-space-4:  16px;
    --pc-space-5:  20px;
    --pc-space-6:  24px;
    --pc-space-8:  32px;
    --pc-space-10: 40px;
    --pc-space-12: 48px;
    --pc-space-16: 64px;

    /* ══════ RADIUS ══════ */
    --pc-radius-xs: 4px;
    --pc-radius-sm: 8px;
    --pc-radius-md: 12px;
    --pc-radius-lg: 16px;
    --pc-radius-xl: 24px;
    --pc-radius-pill: 999px;
    --pc-radius-circle: 50%;

    /* ══════ SHADOWS ══════ */
    --pc-shadow-xs: 0 1px 2px rgba(10, 37, 64, 0.04);
    --pc-shadow-sm: 0 2px 6px rgba(10, 37, 64, 0.06);
    --pc-shadow-md: 0 4px 12px rgba(10, 37, 64, 0.08);
    --pc-shadow-lg: 0 10px 30px rgba(10, 37, 64, 0.10);
    --pc-shadow-xl: 0 20px 50px rgba(10, 37, 64, 0.14);
    --pc-shadow-accent: 0 8px 24px rgba(255, 106, 0, 0.35);
    --pc-shadow-accent-lg: 0 12px 36px rgba(255, 106, 0, 0.45);

    /* ══════ TYPOGRAPHY ══════ */
    --pc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --pc-font-mono: 'JetBrains Mono', monospace;

    --pc-text-xs:   11px;
    --pc-text-sm:   13px;
    --pc-text-base: 15px;
    --pc-text-md:   16px;
    --pc-text-lg:   18px;
    --pc-text-xl:   22px;
    --pc-text-2xl:  28px;
    --pc-text-3xl:  36px;
    --pc-text-4xl:  48px;

    /* ══════ MOTION ══════ */
    --pc-duration-fast:   150ms;
    --pc-duration-base:   250ms;
    --pc-duration-slow:   400ms;
    --pc-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --pc-ease-out:      cubic-bezier(0, 0, 0.2, 1);
    --pc-ease-bounce:   cubic-bezier(0.34, 1.56, 0.64, 1);

    /* ══════ Z-INDEX ══════ */
    --pc-z-sticky:   1020;
    --pc-z-fixed:    1030;
    --pc-z-modal:    1050;
    --pc-z-toast:    1080;
}