@import url("./luxe.css?footer-components-v1");

:root {
  --theme-accent: #b8860b;
  --theme-accent-light: #c29019;
  --theme-accent-dark: #8f6507;
  --theme-accent-text: #ffffff;
  --theme-background: #f8f8f8;
  --theme-surface: #ffffff;
  --theme-text: #1a1a1a;
  --theme-text-muted: #6b7280;
  --theme-border: #e5e7eb;
  --theme-header-background: #ffffff;
  --theme-header-text: #1a1a1a;
  --theme-footer-background: #1a1a1a;
  --theme-footer-text: #ffffff;

  --aa-bg: #f8f9fa;
  --aa-surface: #ffffff;
  --aa-border: #dee2e6;
  --aa-text: #212529;
  --aa-text-muted: #6c757d;
  --aa-text-faint: #adb5bd;
  --aa-accent: var(--theme-accent);
  --aa-accent-hover: var(--theme-accent-dark);
  --aa-accent-soft-bg: #fbf3d8;
  --aa-accent-soft-fg: #765308;
  --aa-success-bg: #d1e7dd;
  --aa-success-fg: #0f5132;
  --aa-danger-bg: #f8d7da;
  --aa-danger-fg: #842029;
  --aa-warning-bg: #fff3cd;
  --aa-warning-fg: #664d03;
  --aa-neutral-on: #adb5bd;
  --aa-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 7.5%);

  --color-blue-50: 255 251 235;
  --color-blue-100: 254 243 199;
  --color-blue-200: 253 230 138;
  --color-blue-400: 194 144 25;
  --color-blue-500: 184 134 11;
  --color-blue-600: 143 101 7;
  --color-blue-700: 143 101 7;
  --color-blue-800: 108 76 8;
  --color-primary-400: 194 144 25;
  --color-primary-500: 184 134 11;
  --color-primary-600: 143 101 7;
  --color-primary-700: 108 76 8;

  --palette-rgba-37-99-235-0-04: rgba(184, 134, 11, 0.04);
  --palette-rgba-37-99-235-0-15: rgba(184, 134, 11, 0.15);
  --palette-rgba-37-99-235-0-2: rgba(184, 134, 11, 0.2);
  --palette-rgba-37-99-235-0-25: rgba(184, 134, 11, 0.25);
  --palette-rgba-37-99-235-0-3: rgba(184, 134, 11, 0.3);
  --palette-rgba-37-99-235-14: rgba(184, 134, 11, 0.14);
  --palette-rgba-37-99-235-16: rgba(184, 134, 11, 0.16);
  --palette-rgba-59-130-246-0-3: rgba(194, 144, 25, 0.3);
  --palette-rgba-41-68-95-25: rgba(32, 36, 43, 0.25);
  --palette-rgba-32-56-79-30: rgba(23, 26, 31, 0.3);
  --palette-rgba-244-240-233-0: rgba(248, 248, 248, 0);

  --color-purple-600: 194 144 25;
  --color-indigo-600: 194 144 25;

  --color-luxe-gold: 184 134 11;
  --color-luxe-dark: 26 26 26;
  --color-luxe-light: 248 248 248;

  --color-yellow-600: 184 134 11;

  --footer-accent: var(--theme-footer-accent, var(--theme-accent));

  --category-menu-surface: #3d2e0f;
  --category-menu-border: #5c4718;
  --category-menu-text: #f5ead0;
  --category-menu-muted: #b8a878;
  --category-menu-accent: #f4d03f;
  --category-menu-hover: #f4d03f;
  --category-menu-hover-bg: #55421a;

  --external-buy-btn-border: 1px solid var(--theme-accent-dark);
  --external-buy-btn-bg: linear-gradient(135deg, var(--theme-accent-light), var(--theme-accent));
  --external-buy-btn-shadow: color-mix(in srgb, var(--theme-accent-dark) 22%, transparent);
  --external-buy-btn-bg-hover: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-dark));
  --external-buy-btn-shadow-hover: color-mix(in srgb, var(--theme-accent-dark) 30%, transparent);
  --external-buy-btn-text-hover: #ffffff;

  --footer-gradient-mid: color-mix(in srgb, var(--theme-footer-background) 80%, #000000);
}

@media print {
  :root {
    --luxe-gold: #000000;
    --luxe-dark: #000000;
    --luxe-light: #ffffff;
  }
}