/* Design tokens — colors & font families
   Generated/maintained for consistent theming. Prefer these over hardcoded values. */
:root {
  /* Typography */
  --font-family-base: 'Shabnam', Tahoma, sans-serif;
  --font-family-admin: 'Shabnam', sans-serif;
  --font-family-preloader: Shabnam, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-family-mono: 'Consolas', 'Courier New', monospace;

  /* Brand & accents */
  --main: #ff8800;
  --main-2: #d35400;
  --ember: #ff5a2b;
  --ember-deep: #d9451e;
  --copper: #f2a154;
  --color-theme: #ff9800;
  --color-accent-orange-deep: #e06a00;
  --color-accent-red: #ff0000;
  --color-accent-red-soft: #ff4747;
  --accent: var(--ember);
  --accent-2: var(--color-accent-red-soft);
  --accent-soft: rgba(255,90,43,0.18);
  --accent-soft-08: rgba(255,90,43,0.08);
  --accent-soft-12: rgba(255,90,43,0.12);
  --accent-soft-14: rgba(255,90,43,0.14);
  --accent-soft-16: rgba(255,90,43,0.16);

  /* Core semantic */
  --ink: #14171b;
  --steel: #23272d;
  --steel-line: #343a42;
  --frost: #f8f9fb;
  --muted: #9aa1ab;
  --text: var(--ink);
  --text-soft: #5f5f5f;
  --surface: var(--color-white);
  --surface-2: #f7f7f3;
  --border: rgba(34,34,34,0.08);
  --radius: 14px;
  --header-height: 74px;
  --space: 8px;

  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-near-black: #111;
  --color-footer-bg: #1a1a1a;
  --color-footer-bg-start: #101217;
  --color-footer-bg-end: #161a22;
  --color-preloader-bg: #150c08;
  --color-dark: #212529;
  --color-swatch-gray: #292929;
  --color-preloader-glow-1: #2a1810;
  --color-preloader-glow-2: #241209;
  --color-preloader-ring: #f00c00;
  --color-preloader-grad-1: #ff9a3c;
  --color-preloader-grad-2: #ff2e2e;
  --color-footer-link: #ffbf66;
  --color-warning: #ffc107;
  --color-orange-tint: #fff5eb;
  --color-orange-tint-soft: #fff8f1;
  --color-price-bg: #fef5e7;
  --color-peach: #fdf2e9;
  --color-peach-deep: #fde8d7;
  --color-danger-bright: #e74c3c;
  --color-whatsapp: #25d366;
  --color-primary: #0d6efd;
  --color-primary-alt: #007bff;
  --color-primary-hover: #0a58ca;
  --color-link-strong: #005fad;
  --color-swatch-blue: #002a68;
  --color-swatch-green: #00ac6d;
  --color-swatch-teal: #00e4c2c7;
  --color-success: #198754;
  --color-text: #222222;
  --color-text-heading: #2c3e50;
  --color-text-strong: #1f2937;
  --color-text-primary: #333;
  --color-text-secondary: #444;
  --color-text-body: #555;
  --color-text-muted: #666;
  --color-text-subtle: #777;
  --color-text-faint: #888;
  --color-text-disabled: #999;
  --color-preloader-text: #8a6a55;
  --color-text-footer-link: #bbb;
  --color-text-placeholder: #ccc;
  --color-border-strong: #ddd;
  --color-border: #eee;
  --color-border-input: #e0e0e0;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-border-light: #f0f0f0;
  --color-gray-hover: #f1f1f1;
  --color-gray-100: #f4f4f4;
  --color-gray-50-alt: #f5f5f5;
  --color-bg-admin: #f7f7f7;
  --color-surface-muted: #f8f8f8;
  --color-bg: #f8f8f9;
  --color-light: #f8f9fa;
  --color-footer-text: #f8efe4;
  --color-surface-soft: #f9f9f9;
  --color-bg-soft: #fafafa;
  --color-surface-empty: #fcfcfc;
  --color-surface-comment: #fdfdfd;
  --color-border-comment: #eef2f5;
  --color-success-bg: #d4edda;
  --color-success-text: #155724;
  --color-success-border: #c3e6cb;
  --color-danger-bg: #f8d7da;
  --color-danger-text: #721c24;
  --color-danger-border: #f5c6cb;
  --color-secondary: #6c757d;
  --color-transparent-black: rgba(0,0,0,0);
  --color-panel-bg: rgba(12,14,18,0.98);
  --color-mobile-nav-bg: rgba(20,20,26,0.98);
  --color-preloader-veil: rgba(15,8,5,0.55);
  --color-white-04: rgba(255,255,255,0.04);
  --color-white-05: rgba(255,255,255,0.05);
  --color-white-06: rgba(255,255,255,0.06);
  --color-white-08: rgba(255,255,255,0.08);
  --color-white-10: rgba(255,255,255,0.1);
  --color-white-12: rgba(255,255,255,0.12);
  --color-white-14: rgba(255,255,255,0.14);
  --color-white-16: rgba(255,255,255,0.16);
  --color-white-18: rgba(255,255,255,0.18);
  --color-white-20: rgba(255,255,255,0.2);
  --color-white-24: rgba(255,255,255,0.24);
  --color-white-25: rgba(255,255,255,0.25);
  --color-white-28: rgba(255,255,255,0.28);
  --color-white-60: rgba(255,255,255,0.6);
  --color-white-65: rgba(255,255,255,0.65);
  --color-white-78: rgba(255,255,255,0.78);
  --color-white-82: rgba(255,255,255,0.82);
  --color-white-84: rgba(255,255,255,0.84);
  --color-white-86: rgba(255,255,255,0.86);
  --color-white-90: rgba(255,255,255,0.9);
  --color-white-95: rgba(255,255,255,0.95);
  --color-frost-65: rgba(248,249,251,0.65);
  --color-muted-60: rgba(244,245,246,0.6);
  --color-footer-text-soft: rgba(248,239,228,0.82);
  --color-footer-text-muted: rgba(248,239,228,0.7);
  --color-bg-soft-96: rgba(250,250,250,0.96);
  --color-focus-ring: rgba(211,84,0,0.35);
  --color-orange-glow-04: rgba(255,152,0,0.04);
  --color-orange-glow-06: rgba(255,152,0,0.06);
  --color-orange-glow-08: rgba(255,152,0,0.08);
  --color-orange-glow-12: rgba(255,152,0,0.12);
  --color-orange-glow-14: rgba(255,152,0,0.14);
  --color-orange-glow-16: rgba(255,152,0,0.16);
  --color-orange-glow-20: rgba(255,152,0,0.2);
  --color-orange-glow-45: rgba(255,152,0,0.45);
  --color-preloader-glow-a: rgba(255,120,40,0.45);
  --color-preloader-glow-b: rgba(255,60,30,0.18);
  --color-preloader-ring-r: rgba(255,122,46,0.18);
  --color-preloader-ring-b: rgba(255,180,90,0.6);
  --color-preloader-ring-l: rgba(255,90,40,0.14);
  --color-preloader-shadow: rgba(255,90,30,0.25);
  --color-focus-blue-soft: rgba(0,119,182,0.1);
  --color-primary-soft: rgba(13,110,253,0.15);
  --color-transparent: transparent;

  /* Shadows & overlays */
  --shadow-xs: rgba(0,0,0,0.05);
  --shadow-sm: rgba(0,0,0,0.08);
  --shadow-md: rgba(0,0,0,0.1);
  --shadow-md-strong: rgba(0,0,0,0.12);
  --shadow-lg: rgba(0,0,0,0.15);
  --shadow-lg-alt: rgba(0,0,0,0.16);
  --shadow-xl: rgba(0,0,0,0.18);
  --shadow-xl-strong: rgba(0,0,0,0.22);
  --shadow-2xl: rgba(0,0,0,0.25);
  --shadow-text: rgba(0,0,0,0.28);
  --shadow-heavy: rgba(0,0,0,0.3);
  --overlay-soft: rgba(0,0,0,0.35);
  --overlay-md: rgba(0,0,0,0.45);
  --overlay-md-strong: rgba(0,0,0,0.5);
  --overlay-strong: rgba(0,0,0,0.58);
  --overlay-stronger: rgba(0,0,0,0.6);
  --overlay-hero: rgba(0,0,0,0.72);
  --overlay-dark: rgba(0,0,0,.9);
  --hero-overlay-1: rgba(5,5,6,0.78);
  --hero-overlay-2: rgba(5,5,6,0.45);
  --hero-overlay-3: rgba(5,5,6,0.18);
  --hero-shade-1: rgba(8,8,8,0.86);
  --hero-shade-2: rgba(8,8,8,0.48);
  --hero-shade-3: rgba(8,8,8,0.18);
  --overlay-panel: rgba(6,8,10,0.6);
  --shadow-ink-xs: rgba(17,17,17,0.05);
  --shadow-ink-sm: rgba(17,17,17,0.06);
  --shadow-ink-md: rgba(17,17,17,0.08);
  --shadow-ink-lg: rgba(17,17,17,0.1);
  --shadow-ink-xl: rgba(17,17,17,0.12);
  --shadow-header: rgba(24,24,24,0.18);

  /* Misc effects */
  --scrollbar-thumb-a: rgba(255,122,26,0.82);
  --scrollbar-thumb-b: rgba(255,77,38,0.82);
  --scrollbar-thumb-hover-a: rgba(255,136,51,0.95);
  --scrollbar-thumb-hover-b: rgba(255,64,0,0.95);
  --scrollbar-color: rgba(255,96,32,0.85);

}