/* =====================================================================
   Prime Car — Design Tokens
   Palette sampled from the reference dashboard: calm cool-grey canvas,
   white cards, indigo lead accent, coral for negatives, mint for success.
   ===================================================================== */

:root {
    /* Brand */
    --pc-primary:      #E23140;
    --pc-primary-600:  #C41F2D;
    --pc-primary-700:  #A2151F;
    --pc-primary-050:  #FDECEE;
    --pc-primary-100:  #FAD6DA;
    --pc-violet:       #F06A88;
    --pc-violet-050:   #FEEDF1;
    --pc-sky:          #5AA9FF;

    --pc-coral:        #F45D5D;
    --pc-coral-050:    #FEECEC;
    --pc-green:        #28C76F;
    --pc-green-050:    #E4F8EE;
    --pc-amber:        #FF9F43;
    --pc-amber-050:    #FFF2E3;

    --pc-dark:         #16161F;   /* dark cards + tooltips */
    --pc-dark-2:       #20212E;

    /* Surfaces */
    --pc-canvas:       #EDEFF3;
    --pc-surface:      #FFFFFF;
    --pc-surface-2:    #F6F7FB;
    --pc-line:         #E9ECF3;
    --pc-line-strong:  #DCE0EA;
    --pc-track:        #EAECF3;

    /* Text */
    --pc-ink:          #181B2A;
    --pc-body:         #55596B;
    --pc-muted:        #6B7186;
    --pc-faint:        #9AA0B4;
    --pc-on-primary:   #FFFFFF;
    --pc-on-dark:      #F4F5FB;

    /* Radius */
    --pc-r-card:  22px;
    --pc-r-inner: 16px;
    --pc-r-icon:  14px;
    --pc-r-chip:  10px;
    --pc-r-pill:  999px;

    /* Shadows — soft, cool-tinted */
    --pc-shadow-xs:   0 1px 2px rgba(29, 38, 79, .06);
    --pc-shadow-sm:   0 6px 18px rgba(29, 38, 79, .06);
    --pc-shadow-md:   0 12px 30px rgba(29, 38, 79, .10);
    --pc-shadow-lg:   0 20px 48px rgba(29, 38, 79, .14);
    --pc-shadow-hero: 0 18px 40px rgba(226, 49, 64, .32);

    /* Spacing (8px grid + 4px micro-steps) */
    --pc-s1: 4px;  --pc-s2: 8px;  --pc-s3: 12px; --pc-s4: 16px;
    --pc-s5: 20px; --pc-s6: 24px; --pc-s7: 32px; --pc-s8: 40px; --pc-s9: 48px;

    /* Layout */
    --pc-sidebar: 268px;
    --pc-maxw:    1440px;

    /* Motion */
    --pc-count:   1400ms;
    --pc-draw:    1200ms;
    --pc-fill:    1000ms;
    --pc-stagger: 90ms;
    --pc-ease:      cubic-bezier(.22, .61, .36, 1);
    --pc-ease-out:  cubic-bezier(.16, 1, .3, 1);
    --pc-ease-soft: cubic-bezier(.4, 0, .2, 1);

    /* Fonts */
    --pc-font-ar: "Cairo", "Tajawal", system-ui, "Segoe UI", sans-serif;
    --pc-font-en: "Plus Jakarta Sans", "Cairo", system-ui, "Segoe UI", sans-serif;
    --pc-font:    var(--pc-font-ar);
    --pc-num:     "Plus Jakarta Sans", var(--pc-font-ar);
}

:root[data-lang="en"] { --pc-font: var(--pc-font-en); }