/* OZON SHOP — Luxury Dark palette */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --color-background: #101010 !important;
  --color-on-background: #F4EFE6 !important;
  --color-surface: #101010 !important;
  --color-on-surface: #F4EFE6 !important;
  --color-surface-container-lowest: #080808 !important;
  --color-surface-container-low: #111111 !important;
  --color-surface-container: #181818 !important;
  --color-surface-container-high: #202020 !important;
  --color-surface-container-highest: #292929 !important;
  --color-surface-variant: #302A20 !important;
  --color-on-surface-variant: #A7A29A !important;
  --color-primary: #C8A96B !important;
  --color-on-primary: #080808 !important;
  --color-primary-container: #A88952 !important;
  --color-on-primary-container: #F4EFE6 !important;
  --color-divider: #302A20 !important;
  --color-button: #C8A96B !important;
  --color-on-button: #080808 !important;
  --color-button-border: #C8A96B !important;
  --color-button-container: #C8A96B !important;
  --color-link-button: #C8A96B !important;
  --color-tooltip: #181818 !important;
  --color-tooltip-border: #C8A96B !important;
  --font-family: 'Montserrat', sans-serif !important;
  --font-heading-family: 'Lora', serif !important;
  --font-subheading-family: 'Montserrat', sans-serif !important;
  --font-button-family: 'Montserrat', sans-serif !important;
}
html, body, #app {
  background-color: #101010 !important;
  color: #F4EFE6;
}
body { font-family: 'Montserrat', sans-serif !important; }
h1, h2, h3, h4, h5, h6,
[class*="heading"], .heading {
  font-family: 'Lora', Georgia, serif !important;
}
button, .button, [role="button"], input, select, textarea {
  font-family: 'Montserrat', sans-serif;
}
a { color: inherit; }
button, .button, [class*="button--primary"] {
  --color-button: #C8A96B;
  --color-on-button: #080808;
}
::selection { background: #C8A96B; color: #080808; }