:root{

    /* Primary */
    --primary:#21b26f;
    --primary-dark:#16945b;
    --primary-light:#dff7ec;

    /* Accent */
    --accent:#2fd38d;

    /* Background */
    --bg:#f6f8fb;
    --surface:#ffffff;
    --surface-dark:#f8fafc;

    /* Text */
    --text:#111827;
    --text-light:#6b7280;
    --text-muted:#9ca3af;
    --text-white:#ffffff;

    /* Borders */
    --border:#e5e7eb;
    --border-light:#f1f5f9;

    /* Status */
    --success:#21b26f;
    --warning:#f5b301;
    --danger:#ef4444;
    --info:#3b82f6;

    /* Shadow */
    --shadow:0 8px 25px rgba(15,23,42,.08);
    --shadow-hover:0 12px 30px rgba(15,23,42,.12);
    
    /* Sidebar */
    --sidebar-bg:#111827;
    --sidebar-hover:#1f2937;
    --sidebar-active:#2563eb;

    /* Radius */
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:24px;
    
    /* Transition */
    --transition:.25s ease;
}
/* ==========================
   Global
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    background:var(--bg);
    color:var(--text);
}