/* ============================================================
   Обучение в Китае — Design Tokens
   Modern EdTech / high-trust. Deep blue + coral on calm neutrals.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* ---- Brand ---- */
  --blue-900: #0F2547;
  --blue-800: #14315C;
  --blue-700: #1B3A6B;   /* primary accent — trust */
  --blue-600: #224a86;
  --blue-500: #2f5fa3;
  --blue-100: #E5ECF6;
  --blue-50:  #F1F5FB;

  --coral-600: #B81A45;
  --coral-500: #E12054;  /* brand accent / CTA */
  --coral-400: #EB5C80;
  --coral-100: #FAD6DF;
  --coral-50:  #FEEFF3;

  /* ---- Neutrals ---- */
  --white: #FFFFFF;
  --paper: #F7F8FA;      /* off-white section bg */
  --mist:  #EEF1F5;      /* light gray */
  --line:  #E2E8F0;      /* borders */
  --line-strong: #CDD6E2;

  --ink-900: #15203A;    /* headings */
  --ink-700: #2A3651;
  --ink-500: #5A6685;    /* body */
  --ink-400: #8590A8;    /* muted */

  /* ---- Accent support ---- */
  --teal-500: #0E7C7B;
  --gold-500: #E0A52E;

  /* ---- Type ---- */
  --font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Radius ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-xs: 0 1px 2px rgba(21,32,58,.06);
  --sh-sm: 0 2px 8px rgba(21,32,58,.06), 0 1px 2px rgba(21,32,58,.04);
  --sh-md: 0 8px 24px rgba(21,32,58,.08), 0 2px 6px rgba(21,32,58,.05);
  --sh-lg: 0 20px 48px rgba(21,32,58,.12), 0 6px 16px rgba(21,32,58,.06);
  --sh-blue: 0 16px 40px rgba(27,58,107,.22);
  --sh-coral: 0 12px 28px rgba(225,32,84,.30);
}