/* Лафа design system — single source of truth */
:root {
  /* Brand colors */
  --c-primary:    #7B4DFF;
  --c-primary-hover: #6A3EFF;
  --c-primary-soft-bg: rgba(123, 77, 255, 0.10);
  --c-on-primary: #FFFFFF;
  --c-success:    #00C853;
  --c-info:       #2D7CFF;
  --c-danger:     #FF4D6D;

  /* Text */
  --c-text:       #0D0D24;
  --c-muted:      #6B7280;

  /* Surfaces */
  --c-bg:         #F8F9FA;
  --c-card:       #FFFFFF;
  --c-border:     #E5E7EB;
  --c-toggle-off: #d1d5db;

  /* Status soft fills (popup status, banners) */
  --c-success-soft-bg:  #DCFCE7;
  --c-success-soft-fg:  #166534;
  --c-danger-soft-bg:   #FEE2E2;
  --c-danger-soft-fg:   #991B1B;
  --c-warning-soft-bg:  #FEF3C7;
  --c-warning-soft-fg:  #92400E;

  /* Radius */
  --radius:       12px;
  --radius-sm:    8px;
  --radius-pill:  999px;

  /* Common controls */
  --control-height: 48px;
  --toggle-width:  36px;
  --toggle-height: 20px;
  --toggle-knob:   16px;

  /* Spacing scale (multiples of 4px) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;

  /* Typography */
  --font-rounded: 'Lafa Rounded', 'Arial Rounded MT Bold', 'Avenir Next', Avenir,
                  ui-rounded, 'SF Pro Rounded', 'SF Compact Rounded',
                  -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-ui: var(--font-rounded);
  --font-display: var(--font-rounded);
  --font-logo: var(--font-rounded);

  /* Elevation */
  --shadow-card: 0 1px 3px rgba(13,13,36,0.06), 0 4px 8px rgba(13,13,36,0.04);
  --shadow-pop: 0 8px 24px rgba(13,13,36,0.12);

  /* Motion */
  --transition-fast: 120ms ease-out;
  --transition: 200ms ease-out;
}

html { color-scheme: light; }
body { font-family: var(--font-ui); color: var(--c-text); background: var(--c-bg); }

/* Global a11y baseline */
:focus-visible {
  outline: 2px solid var(--c-primary);
  outline-offset: 2px;
}
:focus:not(:focus-visible) { outline: none; }
a:visited { color: var(--c-primary-hover); }