:root{

    /* ===== Färger ===== */

    --pfl-color-primary:#ff6b00;
    --pfl-color-primary-hover:#e55f00;

    --pfl-color-background:#f6f7fb;
    --pfl-color-surface:#ffffff;

    --pfl-color-text:#1f2937;
    --pfl-color-text-light:#6b7280;

    --pfl-color-border:#e5e7eb;

    --pfl-color-success:#22c55e;
    --pfl-color-warning:#f59e0b;
    --pfl-color-danger:#ef4444;

    /* ===== Radius ===== */

    --pfl-radius-xs:6px;
    --pfl-radius-sm:10px;
    --pfl-radius-md:16px;
    --pfl-radius-lg:22px;
    --pfl-radius-xl:28px;

    /* ===== Skuggor ===== */

    --pfl-shadow-sm:0 2px 8px rgba(0,0,0,.05);
    --pfl-shadow-md:0 8px 24px rgba(0,0,0,.08);
    --pfl-shadow-lg:0 18px 40px rgba(0,0,0,.12);

    /* ===== Spacing ===== */

    --pfl-space-xs:4px;
    --pfl-space-sm:8px;
    --pfl-space-md:16px;
    --pfl-space-lg:24px;
    --pfl-space-xl:40px;
    --pfl-space-2xl:64px;

    /* ===== Typsnitt ===== */

    --pfl-font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --pfl-font-size-xs:12px;
    --pfl-font-size-sm:14px;
    --pfl-font-size-md:16px;
    --pfl-font-size-lg:20px;
    --pfl-font-size-xl:28px;

    /* ===== Animation ===== */

    --pfl-transition:.22s ease;

}