/* Litoral brand tokens (docs/marca-y-sitio.md, section 2). The brand of Litoral itself, not the theme of the stores. */

:root {
  --crema: #F6EFE4;
  --crema-alta: #FFFBF5;
  --arena: #EFE3D0;
  --linea: #E4D9C8;
  --tinta: #2A211B;
  --tinta-suave: #6B5D52;
  --arcilla: #B5532F;
  --arcilla-hover: #9A4426;
  --sobre-arcilla: #FFF8F0;
  --arcilla-texto: #9C3F22;
  --ocre: #D9A441;
  --sobre-ocre: #2A211B;
  --monte: #2F5D4A;
  --sobre-monte: #FFF8F0;
  --exito: #2F6B3F;
  --error: #8E2A22;
  --sombra-mockup: 0 24px 48px -24px rgba(42,33,27,0.35);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-16: 64px;
  --space-24: 96px;
  --ancho-pagina: 1120px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-full: 999px;
  --font-marca: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --crema: #1E1915;
    --crema-alta: #29221C;
    --arena: #332A22;
    --linea: #3B3129;
    --tinta: #F3EADD;
    --tinta-suave: #BFAE9D;
    --arcilla: #D9714B;
    --arcilla-hover: #E58A63;
    --sobre-arcilla: #1E1915;
    --arcilla-texto: #E58A63;
    --ocre: #E6B65A;
    --sobre-ocre: #1E1915;
    --monte: #8CC4A8;
    --sobre-monte: #1E1915;
    --exito: #7FC08F;
    --error: #EF8A7E;
    --sombra-mockup: 0 24px 48px -24px rgba(0,0,0,0.6);
  }
}
:root[data-theme="dark"] {
  --crema: #1E1915;
  --crema-alta: #29221C;
  --arena: #332A22;
  --linea: #3B3129;
  --tinta: #F3EADD;
  --tinta-suave: #BFAE9D;
  --arcilla: #D9714B;
  --arcilla-hover: #E58A63;
  --sobre-arcilla: #1E1915;
  --arcilla-texto: #E58A63;
  --ocre: #E6B65A;
  --sobre-ocre: #1E1915;
  --monte: #8CC4A8;
  --sobre-monte: #1E1915;
  --exito: #7FC08F;
  --error: #EF8A7E;
  --sombra-mockup: 0 24px 48px -24px rgba(0,0,0,0.6);
}