:root {
  /* Palette board — fog / steel / crimson */
  --color-bg-light: #EFF2F5;
  --color-card-bg: #FFFFFF;
  --color-card-border: #D1D8DD;
  --color-slate-blue: #8C9CA3;
  --color-deep-steel: #3D4F5C;
  --color-footer-bg: #2C3842;
  --color-footer-border: rgba(255, 255, 255, 0.1);
  --color-footer-text-bright: #FFFFFF;
  --color-footer-text-muted: #E8EEF2;
  --color-accent-red: #B50000;
  --color-accent-red-hover: #DC2626;
  --color-accent-red-glow: rgba(220, 38, 38, 0.4);
  --shadow-btn-red: 0 8px 20px rgba(181, 0, 0, 0.28);
  --shadow-btn-red-hover: 0 10px 25px -5px rgba(220, 38, 38, 0.4);
  --color-footer-pill-bg: rgba(255, 255, 255, 0.06);
  --color-footer-pill-border: rgba(255, 255, 255, 0.15);
  --color-footer-pill-hover: rgba(255, 255, 255, 0.12);
  --color-dot-telegram: #2AABEE;
  --color-dot-whatsapp: #25D366;
  --color-dot-viber: #7360F2;
  --color-muted-text: #606F7B;
  --color-white: #FFFFFF;
  --color-accent-red-soft: rgba(181, 0, 0, 0.08);
  --color-text-main: #2C3E50;
  --color-slate-muted: #8C9CA3;

  /* Aliases for existing components */
  --color-primary-dark: var(--color-deep-steel);
  --color-brand-blue: var(--color-accent-red);
  --color-sage-green: var(--color-slate-blue);
  --color-cream-bg: var(--color-bg-light);
  --color-muted-grey: var(--color-muted-text);
  --color-ink-brown: var(--color-deep-steel);
  --color-soft-grey: #E1E5E8;

  /* Advantages / trust section */
  --color-section-dark-bg: linear-gradient(135deg, #1E272E 0%, #3D4F5C 50%, #2A363F 100%);
  --color-glass-card-bg: rgba(255, 255, 255, 0.05);
  --color-glass-card-hover: rgba(255, 255, 255, 0.09);
  --color-border-subtle: rgba(255, 255, 255, 0.12);
  --color-text-light: #F4F6F8;
  --color-heading-serif: #FFFFFF;

  --ink: var(--color-deep-steel);
  --muted: var(--color-muted-text);
  --accent: var(--color-accent-red);
  --accent-soft: var(--color-slate-blue);
  --positive: var(--color-slate-blue);
  --paper: var(--color-bg-light);
  --paper-2: var(--color-soft-grey);
  --surface: var(--color-card-bg);
  --header-h: 4.75rem;
  --radius: 1rem;
  --shadow-soft: 0 12px 32px rgba(61, 79, 92, 0.1);
  --shadow-lift: 0 12px 30px rgba(61, 79, 92, 0.08);
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
/* component rules remain in main.css */