:root {
  /* METALSUAR - industrial parrillero artesanal */
  --ms-carbon: #111111;
  --ms-carbon-soft: #1C1C1C;
  --ms-fire: #C96A2B;
  --ms-fire-dark: #A95420;
  --ms-wood: #C79A5B;
  --ms-steel: #6B6B6B;
  --ms-warm-bg: #F5EFE6;
  --ms-white: #FFFFFF;
  --ms-border: #D9CEC0;
  --ms-danger: #A0443E;

  /* Legacy OKB names remain as aliases so existing templates keep working. */
  --okb-brown: var(--ms-fire);
  --okb-brown-dark: var(--ms-fire-dark);
  --okb-camel: var(--ms-wood);
  --okb-beige: var(--ms-warm-bg);
  --okb-black: var(--ms-carbon);
  --okb-gray: var(--ms-steel);
  --okb-soft-pink: var(--ms-wood);
  --okb-white: var(--ms-white);
  --okb-cream: var(--ms-warm-bg);

  --color-bg: var(--ms-warm-bg);
  --color-base: var(--ms-warm-bg);
  --color-surface: var(--ms-white);
  --color-surface-soft: #EFE4D6;
  --color-surface-strong: var(--ms-white);
  --color-footer: var(--ms-carbon);
  --color-text: var(--ms-carbon);
  --color-muted: var(--ms-steel);
  --color-border: var(--ms-border);
  --color-border-strong: rgba(17, 17, 17, .28);
  --color-primary: var(--ms-fire);
  --color-primary-dark: var(--ms-fire-dark);
  --color-accent: var(--ms-fire);
  --color-accent-hover: var(--ms-fire-dark);
  --color-accent-soft: #F0DEC9;
  --color-wood: var(--ms-wood);
  --color-dark: var(--ms-carbon);
  --color-success: var(--ms-fire);
  --color-warning: var(--ms-wood);
  --color-offer: var(--ms-wood);
  --color-danger: var(--ms-danger);
  --navbar-bg: rgba(17, 17, 17, .96);
  --navbar-text: #F5EFE6;
  --navbar-title: #FFFFFF;
  --footer-bg: var(--ms-carbon);
  --footer-text: var(--ms-warm-bg);

  /* Compatibility aliases for the existing templates. */
  --be-bg: var(--color-bg);
  --be-surface: var(--color-surface);
  --be-surface-soft: var(--color-surface-soft);
  --be-text: var(--color-text);
  --be-muted: var(--color-muted);
  --be-border: var(--color-border);
  --be-primary: var(--color-primary);
  --be-accent: var(--color-accent);
  --be-dark: var(--color-dark);
  --be-success: var(--color-success);
  --be-offer: var(--color-offer);
  --ar-bg: var(--color-bg);
  --ar-bg-soft: var(--color-surface-soft);
  --ar-card: var(--color-surface);
  --ar-wine: var(--color-primary);
  --ar-wine-dark: var(--color-primary-dark);
  --ar-gold: var(--color-primary);
  --ar-gold-soft: var(--color-primary-dark);
  --ar-cream: var(--color-text);
  --ar-muted: var(--color-muted);
  --ar-border: rgba(201, 106, 43, .2);
  --simplex-bg: var(--color-bg);
  --simplex-bg-soft: var(--color-surface-soft);
  --simplex-bg-blue: var(--color-surface-soft);
  --simplex-card: var(--color-surface);
  --simplex-border: var(--color-border);
  --simplex-title: var(--color-text);
  --simplex-text: var(--color-muted);
  --simplex-blue: var(--color-primary);
  --simplex-cyan: var(--color-primary);
  --simplex-sky: var(--color-surface-soft);

  --font-heading: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-main: 'Inter', 'Montserrat', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius-sm: .35rem;
  --radius: .5rem;
  --radius-lg: .75rem;
  --radius-xl: .9rem;
  --radius-pill: 999px;
  --shadow: 0 14px 34px rgba(17, 17, 17, .08);
  --shadow-lg: 0 24px 58px rgba(17, 17, 17, .13);
  --shadow-glow: 0 0 0 1px rgba(201, 106, 43, .16), 0 18px 45px rgba(201, 106, 43, .14);
  --spacing-xs: .25rem;
  --spacing-sm: .5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2.5rem;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 3rem;
  --transition-fast: .15s ease;
  --transition-base: .24s ease;
  --transition-slow: .5s ease;
}