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

:root {
  --theme-accent: #155eef;
  --theme-accent-light: #3b82f6;
  --theme-accent-dark: #0b4bc4;
  --theme-accent-text: #ffffff;
  --theme-background: #f6f8fc;
  --theme-surface: #ffffff;
  --theme-text: #172033;
  --theme-text-muted: #5d6b80;
  --theme-border: #dce4f0;
  --theme-header-background: #ffffff;
  --theme-header-text: #172033;
  --theme-footer-background: #102a56;
  --theme-footer-text: #f8fbff;

  --category-menu-surface: #ffffff;
  --category-menu-border: #dce4f0;
  --category-menu-text: #172033;
  --category-menu-muted: #5d6b80;
  --category-menu-accent: #155eef;
  --category-menu-hover: #0b4bc4;
  --category-menu-hover-bg: #e1ebff;

  --color-luxe-gold: 21 94 239;
  --color-luxe-dark: 23 32 51;
  --color-luxe-light: 246 248 252;

  --color-blue-50: 239 246 255;
  --color-blue-100: 219 234 254;
  --color-blue-200: 191 219 254;
  --color-blue-400: 59 130 246;
  --color-blue-500: 21 94 239;
  --color-blue-600: 11 75 196;
  --color-blue-700: 29 78 216;
  --color-blue-800: 30 64 175;
  --color-primary-400: 59 130 246;
  --color-primary-500: 21 94 239;
  --color-primary-600: 11 75 196;
  --color-primary-700: 30 64 175;

  --aa-accent-soft-bg: #e8f0ff;
  --aa-accent-soft-fg: #0b4bc4;

  --palette-rgba-37-99-235-0-04: rgba(21, 94, 239, 0.04);
  --palette-rgba-37-99-235-0-15: rgba(21, 94, 239, 0.15);
  --palette-rgba-37-99-235-0-2: rgba(21, 94, 239, 0.2);
  --palette-rgba-37-99-235-0-25: rgba(21, 94, 239, 0.25);
  --palette-rgba-37-99-235-0-3: rgba(21, 94, 239, 0.3);
  --palette-rgba-37-99-235-14: rgba(21, 94, 239, 0.14);
  --palette-rgba-37-99-235-16: rgba(21, 94, 239, 0.16);
  --palette-rgba-59-130-246-0-3: rgba(59, 130, 246, 0.3);
  --palette-rgba-41-68-95-25: rgba(23, 63, 120, 0.25);
  --palette-rgba-32-56-79-30: rgba(16, 42, 86, 0.3);

  --color-purple-600: 21 94 239;
  --color-indigo-600: 21 94 239;

  --palette-rgba-244-240-233-0: rgba(246, 248, 252, 0);

  --color-amber-50: 239 246 255;
  --color-amber-200: 191 219 254;
  --color-yellow-50: 219 234 254;
  --color-yellow-600: 11 75 196;

  --topbar-bg: var(--theme-header-topbar-background, var(--theme-accent-dark));
  --topbar-text: var(--theme-header-topbar-text, #ffffff);
  --topbar-hover: #ffffff;
}

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