/* ==========================================================
   DineMe Premium Design System
   Version: 1.0
   Author: DineMe Team
   ========================================================== */

:root{

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

--color-primary:#F97316;
--color-primary-hover:#EA580C;
--color-primary-light:#FFEDD5;

--color-secondary:#0F172A;
--color-secondary-light:#334155;


/*==================================================
 Backgrounds
==================================================*/

--bg-body:#F8FAFC;
--bg-card:#FFFFFF;
--bg-dark:#111827;
--bg-light:#F9FAFB;


/*==================================================
 Text
==================================================*/

--text-primary:#111827;
--text-secondary:#6B7280;
--text-light:#9CA3AF;
--text-white:#FFFFFF;


/*==================================================
 Status
==================================================*/

--success:#22C55E;
--warning:#F59E0B;
--danger:#EF4444;
--info:#3B82F6;


/*==================================================
 Borders
==================================================*/

--border-color:#E5E7EB;


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

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

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

--shadow-lg:0 20px 40px rgba(0,0,0,.12);

--shadow-xl:0 30px 60px rgba(0,0,0,.18);


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

--radius-sm:8px;

--radius-md:12px;

--radius-lg:16px;

--radius-xl:20px;

--radius-pill:999px;


/*==================================================
 Typography
==================================================*/

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

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

--font-number:'Manrope',sans-serif;


/*==================================================
 Font Sizes
==================================================*/

--fs-xs:.75rem;

--fs-sm:.875rem;

--fs-md:1rem;

--fs-lg:1.125rem;

--fs-xl:1.5rem;

--fs-2xl:2rem;

--fs-3xl:2.75rem;

--fs-4xl:3.5rem;


/*==================================================
 Font Weight
==================================================*/

--fw-regular:400;

--fw-medium:500;

--fw-semibold:600;

--fw-bold:700;


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

--space-1:4px;

--space-2:8px;

--space-3:12px;

--space-4:16px;

--space-5:24px;

--space-6:32px;

--space-7:48px;

--space-8:64px;

--space-9:96px;


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

--container-width:1320px;


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

--transition-fast:.2s ease;

--transition-normal:.3s ease;

--transition-slow:.5s ease;

}