/* =========================================================
   Токендер дизайну — "Қазақ тілінің орфографиясы"
   Палитра: түнгі көк аспан (академиялық) + алтын әшекей акценті
   ========================================================= */
:root {
  /* Түстер — негізгі */
  --ink-900: #16223E;
  --ink-800: #1B2A4A;
  --ink-700: #2E3F6E;
  --ink-500: #55679A;
  --ink-300: #97A4C6;

  /* Акцент — алтын (басты әрекет) */
  --gold-700: #A97C24;
  --gold-500: #C99A3E;
  --gold-300: #E8C888;
  --gold-100: #F6E9CC;

  /* Акцент — көгілдір-жасыл (қосымша) */
  --teal-600: #2E8079;
  --teal-500: #3F9C93;
  --teal-200: #B9E4DF;

  /* Беттер / фон */
  --surface: #FFFFFF;
  --surface-alt: #F3F6FC;
  --surface-line: rgba(27, 42, 74, 0.10);

  /* Лендинг градиенті — беж ЖОҚ, ашық көп реңкті градиент */
  --grad-1: #ECEFFB;
  --grad-2: #F6EEFB;
  --grad-3: #FDF7E9;

  /* Көлеңкелер */
  --shadow-sm: 0 2px 10px rgba(22, 34, 62, 0.08);
  --shadow-md: 0 10px 28px rgba(22, 34, 62, 0.12);
  --shadow-lg: 0 24px 55px rgba(22, 34, 62, 0.18);
  --shadow-gold: 0 14px 34px rgba(169, 124, 36, 0.38);
  --shadow-teal: 0 14px 30px rgba(46, 128, 121, 0.28);

  /* Радиустар */
  --r-sm: 10px;
  --r-md: 20px;
  --r-lg: 30px;
  --r-pill: 999px;

  /* Қимыл */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast: 180ms;
  --dur-med: 340ms;
  --dur-slow: 620ms;

  /* Қаріп */
  --font-main: 'Montserrat', sans-serif;

  /* Layout */
  --container: 1140px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-med: 0ms;
    --dur-slow: 0ms;
  }
}