/* ============================================================
   ShifaStore Design Tokens — Material 3 Botanical Green
   ============================================================ */
:root {
    /* Primary greens */
    --color-primary:             #0A6439;
    --color-primary-container:   #2E7D50;
    --color-dark-green:          #0A3D24;
    --color-primary-fixed:       #A4F4BD;
    --color-primary-fixed-dim:   #88D7A2;
    --color-inverse-primary:     #88D7A2;
    --color-on-primary:          #ffffff;
    --color-on-primary-fixed:    #00210F;
    --color-on-primary-container:#CEFFDA;

    /* Secondary */
    --color-secondary:           #37684E;
    --color-secondary-container: #B9EFCE;
    --color-secondary-fixed:     #B9EFCE;
    --color-secondary-fixed-dim: #9ED2B2;
    --color-on-secondary:        #ffffff;
    --color-on-secondary-fixed:  #002112;
    --color-on-secondary-container: #3D6E54;

    /* Tertiary / amber */
    --color-tertiary:            #754F00;
    --color-tertiary-fixed:      #FFDDAF;
    --color-tertiary-fixed-dim:  #FFBA44;
    --color-on-tertiary:         #ffffff;
    --color-on-tertiary-fixed:   #281800;

    /* Surface */
    --color-background:              #F7FAF8;
    --color-surface:                 #F7FAF8;
    --color-surface-bright:          #F7FAF8;
    --color-surface-dim:             #D7DBD9;
    --color-surface-container-lowest:#ffffff;
    --color-surface-container-low:   #F1F4F2;
    --color-surface-container:       #EBEFED;
    --color-surface-container-high:  #E6E9E7;
    --color-surface-container-highest:#E0E3E1;
    --color-surface-variant:         #E0E3E1;

    /* On-surface */
    --color-on-surface:          #181C1C;
    --color-on-surface-variant:  #3F4941;
    --color-inverse-surface:     #2D3130;
    --color-inverse-on-surface:  #EEF1EF;

    /* Outline */
    --color-outline:             #6F7A70;
    --color-outline-variant:     #BFC9BF;

    /* Error */
    --color-error:               #BA1A1A;
    --color-error-container:     #FFDAD6;
    --color-on-error:            #ffffff;
    --color-on-error-container:  #93000A;

    /* Typography */
    --font-headline: 'Plus Jakarta Sans', sans-serif;
    --font-body:     'Work Sans', sans-serif;

    /* Shadows */
    --shadow-botanical: 0 4px 16px -2px rgba(0,0,0,0.08), 0 1px 4px -1px rgba(0,0,0,0.04);
    --shadow-card-hover: 0 25px 50px -12px rgba(0,0,0,0.25);

    /* Border radius */
    --radius-sm:   0.5rem;   /* 8px  */
    --radius-md:   1rem;     /* 16px */
    --radius-lg:   1.5rem;   /* 24px */
    --radius-xl:   2rem;     /* 32px */
    --radius-2xl:  2.5rem;   /* 40px */
    --radius-3xl:  3rem;     /* 48px */
    --radius-full: 9999px;
}