:root {
    --primary: #F28A18;
    --primary-dark: #DD7600;
    --orange: #f28a18;
    --orange-dark: #d97a15;
    --orange-darker: #c46d12;
    --orange-medium: #e07e16;
    --orange-light: #fdf3e8;
    --orange-lighter: #fcf0e2;
    --orange-faint: #fdf8f2;
    --orange-border: #f0d5b8;
    --orange-shadow: rgba(242, 138, 24, 0.25);
    --orange-shadow-light: rgba(242, 138, 24, 0.08);
    --orange-shadow-med: rgba(242, 138, 24, 0.22);
    --orange-shadow-dark: rgba(242, 138, 24, 0.30);
    --orange-shadow-active: rgba(242, 138, 24, 0.20);
    --orange-hover: #ff9d2e;
    --orange-dark-hover: #e07a0e;
    --orange-border: #e67e0d;
    --orange-shadow: rgba(242, 138, 24, 0.4);
    --orange-shadow-30: rgba(242, 138, 24, 0.3);
    --orange-shadow-25: rgba(242, 138, 24, 0.25);
    --orange-shadow-45: rgba(242, 138, 24, 0.45);
    --orange-shadow-20: rgba(242, 138, 24, 0.2);
    --orange-glow: rgba(242, 138, 24, 0.18);
    --orange-light-border: #ffe2c0;
    --orange-link-hover: #ff9500;

    --green: #164d2e;
    --green-dark: #0f3c22;
    --green-soft: #edf4ef;
    --text: #1e1e1e;
    --muted: #6d6d6d;
    --line: #ececec;
    --card: #ffffff;
    --bg: #fafafa;
    --shadow: 0 10px 30px rgba(0, 0, 0, .08);
    --radius: 22px;

    --gray-50: #f8f9fb;
    --gray-100: #f1f3f6;
    --gray-200: #e4e7ed;
    --gray-300: #cdd2dc;
    --gray-400: #9aa3b5;
    --gray-500: #6f7a8f;
    --gray-600: #4a556b;
    --gray-700: #2d3343;
    --gray-800: #1a1e2b;
    --gray-900: #121826;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.10);
    --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    --dark: #111;
    --dark-bg: #111;
    --dark-bg-strong: #090909;
    --dark-bg-10: rgba(10, 10, 10, 0.90);
    --dark-bg-75: rgba(10, 10, 10, 0.75);
    --dark-bg-40: rgba(10, 10, 10, 0.40);
    --dark-bg-15: rgba(15, 15, 15, 0.6);
    --overlay-60: rgba(0, 0, 0, 0.6);
    --white: #fff;
    --white-75: rgba(255, 255, 255, 0.75);
    --white-90: rgba(255, 255, 255, 0.9);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-12: rgba(255, 255, 255, 0.12);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-78: rgba(255, 255, 255, 0.78);
    --white-65: rgba(255, 255, 255, 0.65);
    --white-04: rgba(255, 255, 255, 0.04);
    --border-light: #f1f1f1;
    --border-medium: #eee;
    --border-input: #e5e7eb;
    --border-subtle: #f0f0f0;
    --nonveg-border: #f3b2b2;
    --border-mini: #efefef;
    --border-plus: #ddd;
    --border-card: #eee;
    --gray-hover: #f8f9fa;
    --gray-888: #888;
    --gray-111: #111;
    --gray-444: #444;
    --search-icon: #777;
    --icon-muted: #d6d6d6;
    --offer-bg: #0d0d0d;
    --cart-badge: #e53e3e;
    --red: #dc3545;
    --red-dark: #b02a37;
    --nonveg-badge: #e74c3c;
    --shadow-dark: 0 15px 35px rgba(0, 0, 0, 0.3);
    --shadow-black-25: 0 10px 25px rgba(0, 0, 0, 0.25);
    --shadow-orange-20: 0 8px 20px var(--orange-shadow);
    --body-bg: #fcfcfc;
    --text-dark: #1f1f1f;
    --text-muted-dark: #4a4a4a;
    --text-dark-strong: #222;
    --text-muted-2: #777;
    --text-muted-3: #555;
    --bg-light: #f0f0f0;
    --bg-card: #fff;
    --bg-sidebar-active: #fff7ef;
    --bg-service-hover: #fff7f0;
    --bg-service-icon: #f7f7f7;
    --bg-sheet-item: #f8f8f8;
    --bg-count-badge: #fff3e6;
    --bg-handle: #ddd;
    --bg-social: #f5f5f5;
    --footer-muted: #6b7280;
    --btn-dark-bg: #1b1b1b;
    --btn-dark-hover: #2a2a2a;
    --btn-dark-border: #2d2d2d;
    --checkout-bg: #fbfbfb;
    --step-badge-bg: #fffefd;
    --step-badge-color: #e57a00;
    --step-badge-border: #ffe7c3;
    --step-badge-icon-bg: #ff9d1f;
    --progress-bg: #f1f3f6;
    --progress-fill-start: var(--orange);
    --progress-fill-end: #ffb252;
    --service-border: #e8ebf0;
    --service-active-bg: var(--orange-lighter);
    --product-border: #f2f2f2;
    --delete-bg: #fff0ee;
    --delete-color: #d14c4c;
    --delete-border: #fcd8d4;
    --phone-border: #ececec;
    --input-border: #e7e9ee;
    --input-label-color: #96a0b2;
    --input-label-focus: #d97706;
    --input-shadow: rgba(242, 138, 24, .08);
    --bill-bg: #fff;
    --bill-border: #eceff4;
    --bill-divider: #eee;
    --payment-border: #e7eaf0;
    --payment-active-border: var(--orange);
    --payment-active-shadow: rgba(242, 138, 24, .10);
    --payment-icon-bg: #fff3e5;
    --payment-text-muted: #7a8597;

    --page-bg: #f8fafc;
    --text-primary: #1e293b;
    --text-secondary: #0f172a;
    --text-muted-light: #64748b;
    --border-light-gray: #e2e8f0;
    --border-lighter: #f1f5f9;
    --required-bg: #fef2f2;
    --required-color: #ef4444;
    --variant-bg-hover: #0f172a;
    --qty-btn-bg: #f9f9f9;
    --trust-divider-color: #cbd5e1;
    --textarea-border: #e2e8f0;

    --body-bg-radial1: #FFF1DE;
    --body-bg-radial2: #FFF7EC;
    --body-bg-linear1: #FAFAFA;
    --body-bg-linear2: #F5F6F8;
    --login-card-bg: rgba(255, 255, 255, .82);
    --login-card-border: rgba(255, 255, 255, .8);
    --login-card-shadow: rgba(0, 0, 0, .06);
    --label-color: #98A2B3;
    --input-text-color: #342f2f;
    --forgot-hover-bg: #FFE7C4;
    --divider-color: #ECECEC;
    --divider-text-color: #98A2B3;
    --guest-link-color: #667085;
    --sep-color: #D0D5DD;
    --icon-gradient-start: #FFA83D;
}