:root {
  --appsoft-primary: #0066FF;
  --appsoft-primary-dark: #0044BB;
  --appsoft-secondary: #0A1628;
  --appsoft-accent: #00C2A8;
  --appsoft-surface: #F4F7FB;
  --appsoft-text: #1A2332;
  --appsoft-muted: #5A6578;
  --appsoft-white: #FFFFFF;
  --appsoft-gradient: linear-gradient(135deg, #0066FF 0%, #0044BB 40%, #00C2A8 100%);

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 16px rgba(10, 22, 40, 0.08);
  --shadow: 0 12px 40px rgba(10, 22, 40, 0.12);
  --shadow-lg: 0 20px 50px rgba(10, 22, 40, 0.15);

  --transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);

  --container-max: 1200px;
  --section-padding: clamp(3rem, 8vw, 6rem);
  --gutter: clamp(1.5rem, 5vw, 4rem);
}