/*
|--------------------------------------------------------------------------
| Matec Core - Dynamic Design Tokens
|--------------------------------------------------------------------------
| Archivo generado automáticamente desde los ajustes del plugin.
| No editar manualmente.
|--------------------------------------------------------------------------
*/

:root {
  --mtc-color-brand-primary: #5c705e;
  --mtc-color-brand-secondary: #876b48;
  --mtc-color-brand-accent: #ecbf1c;
  --mtc-color-brand-primary-hover: #4d5f50;
  --mtc-color-brand-secondary-hover: #735b3d;
  --mtc-color-brand-accent-hover: #caa015;
  --mtc-color-brand-contrast: #ffffff;
  --mtc-color-primary: var(--mtc-color-brand-primary);
  --mtc-color-primary-hover: var(--mtc-color-brand-primary-hover);
  --mtc-color-primary-soft: rgba(92, 112, 94, 0.14);
  --mtc-color-primary-subtle: rgba(92, 112, 94, 0.07);
  --mtc-color-secondary: var(--mtc-color-brand-secondary);
  --mtc-color-secondary-hover: var(--mtc-color-brand-secondary-hover);
  --mtc-color-secondary-soft: rgba(135, 107, 72, 0.14);
  --mtc-color-secondary-subtle: rgba(135, 107, 72, 0.07);
  --mtc-color-accent: var(--mtc-color-brand-accent);
  --mtc-color-accent-hover: var(--mtc-color-brand-accent-hover);
  --mtc-color-accent-soft: rgba(236, 191, 28, 0.22);
  --mtc-color-accent-subtle: rgba(236, 191, 28, 0.10);
  --mtc-color-info: #a6c142;
  --mtc-color-info-hover: #92aa3a;
  --mtc-color-info-soft: rgba(166, 193, 66, 0.16);
  --mtc-color-info-subtle: rgba(166, 193, 66, 0.08);
  --mtc-color-success: #00a653;
  --mtc-color-success-hover: #009249;
  --mtc-color-success-soft: rgba(0, 166, 83, 0.16);
  --mtc-color-success-subtle: rgba(0, 166, 83, 0.08);
  --mtc-color-warning: #f59e0b;
  --mtc-color-warning-hover: #d88b0a;
  --mtc-color-warning-soft: rgba(245, 158, 11, 0.18);
  --mtc-color-warning-subtle: rgba(245, 158, 11, 0.08);
  --mtc-color-danger: #ef4444;
  --mtc-color-danger-hover: #d23c3c;
  --mtc-color-danger-soft: rgba(239, 68, 68, 0.16);
  --mtc-color-danger-subtle: rgba(239, 68, 68, 0.08);
  --mtc-color-muted: #1c1c1b;
  --mtc-color-buy: #f7c603;
  --mtc-color-buy-hover: #caa015;
  --mtc-color-buy-soft: rgba(247, 198, 3, 0.22);
  --mtc-color-buy-subtle: rgba(247, 198, 3, 0.10);
  --mtc-color-cta: var(--mtc-color-buy);
  --mtc-color-cta-hover: var(--mtc-color-buy-hover);
  --mtc-color-cta-contrast: #ffffff;
  --mtc-color-bg: #fef8f0;
  --mtc-color-bg-alt: #f8efe3;
  --mtc-color-surface: #fef8f0;
  --mtc-color-surface-muted: #f8efe3;
  --mtc-color-surface-alt: #876b48;
  --mtc-color-surface-strong: #eadfce;
  --mtc-color-card-bg: var(--mtc-color-surface);
  --mtc-color-card-hover-bg: var(--mtc-color-surface-muted);
  --mtc-color-panel-bg: var(--mtc-color-surface);
  --mtc-color-panel-text: var(--mtc-color-text);
  --mtc-color-popup-bg: var(--mtc-color-surface);
  --mtc-color-popup-text: var(--mtc-color-text);
  --mtc-color-text: #323232;
  --mtc-color-text-soft: #7d7d7d;
  --mtc-color-text-muted: #cdcdcd;
  --mtc-color-text-disabled: #cdcdcd;
  --mtc-color-text-inverse: #f5f5f5;
  --mtc-color-heading: var(--mtc-color-text);
  --mtc-color-link: var(--mtc-color-primary);
  --mtc-color-link-hover: var(--mtc-color-primary-hover);
  --mtc-color-border: #c4bdb3;
  --mtc-color-border-subtle: rgba(50, 50, 50, 0.10);
  --mtc-color-border-strong: rgba(50, 50, 50, 0.22);
  --mtc-color-focus: var(--mtc-color-buy);
  --mtc-color-focus-soft: rgba(247, 198, 3, 0.24);
  --mtc-color-overlay: rgba(28, 28, 27, 0.48);
  --mtc-color-overlay-soft: rgba(28, 28, 27, 0.28);
  --mtc-color-overlay-strong: rgba(28, 28, 27, 0.64);
  --mtc-color-button-primary-bg: var(--mtc-color-buy);
  --mtc-color-button-primary-bg-hover: var(--mtc-color-buy-hover);
  --mtc-color-button-primary-text: var(--mtc-color-cta-contrast);
  --mtc-color-button-secondary-bg: var(--mtc-color-primary);
  --mtc-color-button-secondary-bg-hover: var(--mtc-color-primary-hover);
  --mtc-color-button-secondary-text: var(--mtc-color-text-inverse);
  --mtc-color-button-accent-bg: var(--mtc-color-accent);
  --mtc-color-button-accent-bg-hover: var(--mtc-color-accent-hover);
  --mtc-color-button-accent-text: var(--mtc-color-cta-contrast);
  --mtc-color-button-dark-bg: #1c1c1b;
  --mtc-color-button-dark-bg-hover: #191918;
  --mtc-color-button-dark-text: #ffffff;
  --mtc-color-button-light-bg: var(--mtc-color-surface);
  --mtc-color-button-light-bg-hover: var(--mtc-color-surface-muted);
  --mtc-color-button-light-text: var(--mtc-color-text);
  --mtc-color-input-bg: var(--mtc-color-surface);
  --mtc-color-input-text: var(--mtc-color-text);
  --mtc-color-input-placeholder: var(--mtc-color-text-soft);
  --mtc-color-input-border: var(--mtc-color-border);
  --mtc-color-input-focus-border: var(--mtc-color-buy);
  --mtc-color-input-focus-bg: #ffffff;
  --mtc-header-height: 88px;
  --mtc-header-height-mobile: 68px;
  --mtc-header-news-height: 36px;
  --mtc-header-logo-width: 150px;
  --mtc-header-logo-height: 120px;
  --mtc-header-logo-width-mobile: 112px;
  --mtc-header-logo-height-mobile: 88px;
  --mtc-color-header-bg: var(--mtc-color-surface);
  --mtc-color-header-text: var(--mtc-color-text);
  --mtc-color-header-border: var(--mtc-color-border-subtle);
  --mtc-color-header-icon: var(--mtc-color-text);
  --mtc-color-header-icon-hover-bg: var(--mtc-color-primary-soft);
  --mtc-color-header-link: var(--mtc-color-text);
  --mtc-color-header-link-hover: var(--mtc-color-primary);
  --mtc-color-header-brand-bg: var(--mtc-color-primary);
  --mtc-color-header-brand-text: var(--mtc-color-text-inverse);
  --mtc-color-header-news-bg: var(--mtc-color-primary);
  --mtc-color-header-news-text: var(--mtc-color-text-inverse);
  --mtc-color-footer-bg: #1c1c1b;
  --mtc-color-footer-text: #ffffff;
  --mtc-color-footer-muted: rgba(255, 255, 255, 0.68);
  --mtc-color-footer-border: rgba(255, 255, 255, 0.14);
  --mtc-container-width: 1200px;
  --mtc-container-narrow: 960px;
  --mtc-container-wide: 1440px;
  --mtc-radius-sm: 6px;
  --mtc-radius-md: 12px;
  --mtc-radius-lg: 20px;
  --mtc-radius-xl: 28px;
  --mtc-radius-2xl: 36px;
  --mtc-radius-pill: 999px;
  --mtc-radius-full: 9999px;
  --mtc-shadow-brand: 0 18px 60px rgba(92, 112, 94, 0.22);
  --mtc-shadow-buy: 0 18px 60px rgba(247, 198, 3, 0.24);
}