:root{

    --bg:#f1f5f9;
    --surface:#fff;
    --surface-2:#f8fafc;
    --surface-3:#f1f5f9;
    --border:#e8ecf2;

    --text:#0f172a;
    --text-2:#475569;
    --text-3:#5f6d80;





    --green:#117e39;--green-bg:#f0fdf4;
    --amber:#a45a05;--amber-bg:#fffbeb;
    --red:#d72323;--red-bg:#fef2f2;
    --blue:#2563eb;
    --violet:#7c3aed;

    --overlay:rgba(11,18,32,.72);

    --shadow-sm:0 1px 2px rgba(0,0,0,.03);
    --shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.02);
    --shadow-md:0 4px 12px rgba(0,0,0,.06);

    --font:'Geist Variable',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;


    --font-mono:'Geist Mono Variable',ui-monospace,SFMono-Regular,'Cascadia Mono',Consolas,Menlo,monospace;











    --font-display:'Bricolage Grotesque Variable',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
    --font-display-weight:600;


    --r:4px;--r-xs:var(--r);--r-sm:var(--r);--r-md:var(--r);--r-lg:var(--r);--r-full:9999px;

    --dur-fast:.12s;--dur:.2s;--dur-slow:.35s;





    --dur-track:.6s;
    --ease-out:cubic-bezier(.2,0,0,1);




    --ease-spring:cubic-bezier(.34,1.56,.64,1);


    --ease-emphasized:cubic-bezier(.2,.8,.2,1);
    --dur-emphasized:.45s;





    --ease-in:cubic-bezier(.4,0,1,1);
}