/* ==========================================================
   FOODEATO DESIGN VARIABLES
========================================================== */

:root{

    /* Brand Colors */
    --primary-color:#FF6B00;
    --primary-hover:#E65F00;

    --secondary-color:#16C79A;

    --dark:#111827;
    --dark-light:#1F2937;

    --white:#FFFFFF;

    --text:#374151;
    --text-light:#6B7280;

    --border:#E5E7EB;

    --background:#F9FAFB;

    --danger:#DC2626;
    --success:#16A34A;
    --warning:#F59E0B;

    /* Fonts */

    --heading-font:'Poppins',sans-serif;
    --body-font:'Inter',sans-serif;

    /* Radius */

    --radius-sm:6px;
    --radius:10px;
    --radius-lg:16px;
    --radius-xl:30px;

    /* Shadow */

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);

    --shadow:0 8px 25px rgba(0,0,0,.08);

    --shadow-lg:0 20px 45px rgba(0,0,0,.15);

    /* Transition */

    --transition:.3s ease;

    /* Container */

    --container-width:1320px;



/* ==========================================================
   FOODEATO DESIGN SYSTEM
========================================================== */



    /* ===========================
       Brand Colors
    =========================== */

    --primary: #FF6B00;
    --primary-light: #FF8C1A;

    --gaming: #14B8A6;
    --gaming-light: #06B6D4;

    --dark: #0F172A;
    --dark-light: #1E293B;

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

    --white: #FFFFFF;

    --background: #FFFDF9;
    --background-soft: #F8FAFC;

    --border: rgba(15,23,42,.08);

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

    --radius-sm:12px;
    --radius-md:18px;
    --radius-lg:24px;
    --radius-xl:32px;

    /* ===========================
       Shadows
    =========================== */

    --shadow-soft:
        0 12px 35px rgba(15,23,42,.08);

    --shadow-medium:
        0 18px 45px rgba(15,23,42,.12);

    --shadow-hover:
        0 25px 55px rgba(15,23,42,.18);

    /* ===========================
       Transition
    =========================== */

    --transition:.35s ease;

    /* ===========================
       Container
    =========================== */

    --container-width:1320px;

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

    --section-padding:100px;

}