:root {

    /*
    |--------------------------------------------------------------------------
    | Brand Colors
    |--------------------------------------------------------------------------
    */

    --phc-primary: #00A887;

    --phc-primary-dark: #008C72;

    --phc-secondary: #F4B942;

    /*
    |--------------------------------------------------------------------------
    | Background Colors
    |--------------------------------------------------------------------------
    */

    --phc-bg: #F5F7FA;

    --phc-card-bg: #FFFFFF;

    /*
    |--------------------------------------------------------------------------
    | Text Colors
    |--------------------------------------------------------------------------
    */

    --phc-text: #1E293B;

    --phc-text-light: #64748B;

    /*
    |--------------------------------------------------------------------------
    | Status Colors
    |--------------------------------------------------------------------------
    */

    --phc-success: #16A34A;

    --phc-warning: #F59E0B;

    --phc-danger: #DC2626;

    /*
    |--------------------------------------------------------------------------
    | Borders & Radius
    |--------------------------------------------------------------------------
    */

    --phc-border: #E2E8F0;

    --phc-radius: 12px;

    /*
    |--------------------------------------------------------------------------
    | Shadows
    |--------------------------------------------------------------------------
    */

    --phc-shadow:
        0 2px 8px rgba(0,0,0,0.05);

    /*
    |--------------------------------------------------------------------------
    | Layout
    |--------------------------------------------------------------------------
    */

    --phc-container-width: 1200px;

}