:root {
--sm-bg: #F2F2EF;
--sm-surface-main: #FFFDF8;
--sm-surface-secondary: #F7F4EE;
--sm-text-primary: #252729;
--sm-text-secondary: #626562;
--sm-border: #DEDDD7;
--sm-accent-sand: #CDBB94;
--sm-accent-sand-soft: #F3EEE4;
--sm-text-on-dark: #FFFDF8;
--sm-text-on-dark-muted: #DDDCD7;
--sm-accent-sand-deep: #8E7A59;
--sm-border-strong: #C9C8C1;
--sm-dark-hover: #1E2022;
--sm-dark-deep: #17191B;
--sm-color-charcoal: var(--sm-text-primary);
--sm-color-charcoal-hover: var(--sm-dark-hover);
--sm-color-charcoal-deep: var(--sm-dark-deep);
--sm-color-ivory: var(--sm-surface-main);
--sm-color-cream: var(--sm-bg);
--sm-color-sand: var(--sm-surface-secondary);
--sm-color-sand-strong: var(--sm-accent-sand-soft);
--sm-color-gold: var(--sm-accent-sand);
--sm-color-gold-deep: var(--sm-accent-sand-deep);
--sm-color-text: var(--sm-text-primary);
--sm-color-muted: var(--sm-text-secondary);
--sm-color-line: var(--sm-border);
--sm-color-field-line: var(--sm-border-strong);
--sm-color-on-dark: var(--sm-text-on-dark);
--sm-color-on-dark-muted: var(--sm-text-on-dark-muted);
--sm-font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--sm-container: 1350px;
--sm-gutter: clamp(18px, 3vw, 34px);
--sm-radius-xs: 8px;
--sm-radius-sm: 10px;
--sm-radius-md: 14px;
--sm-radius-lg: 18px;
--sm-radius-xl: 28px;
--sm-radius-hero: 36px;
--sm-space-1: 8px;
--sm-space-2: 12px;
--sm-space-3: 16px;
--sm-space-4: 24px;
--sm-space-5: 32px;
--sm-space-6: 48px;
--sm-space-7: 64px;
--sm-space-8: 96px;
--sm-shadow-sm: 0 8px 24px rgba(37,39,41,.055);
--sm-shadow-md: 0 14px 38px rgba(37,39,41,.075);
--sm-shadow-lg: 0 24px 60px rgba(37,39,41,.10);
--sm-focus: 0 0 0 3px rgba(205,187,148,.24);
--smouha-sand: var(--sm-surface-secondary);
--smouha-sand-light: var(--sm-bg);
--smouha-ivory: var(--sm-surface-main);
--smouha-charcoal: var(--sm-text-primary);
--smouha-muted: var(--sm-text-secondary);
--smouha-petrol: var(--sm-text-primary);
--smouha-petrol-hover: var(--sm-dark-hover);
--smouha-petrol-pressed: var(--sm-dark-deep);
--smouha-line: var(--sm-border);
--smouha-field-line: var(--sm-border-strong);
--smouha-gold: var(--sm-accent-sand);
--smouha-focus: rgba(205,187,148,.28);
--smouha-shadow: rgba(37,39,41,.10);
--brk-green: var(--sm-text-primary);
--brk-green-hover: var(--sm-dark-hover);
--brk-green-deep: var(--sm-dark-deep);
}