/*
  Dizayn dəyərləri. Rəngi, şrifti və ya ölçünü dəyişmək üçün
  əsasən yalnız bu faylı redaktə etmək kifayətdir.
  Rənglər TV Academy loqosundan götürülüb: tünd göy + qızılı.
*/

@font-face {
  font-family: "Archivo";
  src: url("/fonts/archivo-var.woff2") format("woff2");
  font-weight: 500 800;
  font-stretch: 100% 125%;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/fonts/onest-var.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* Rənglər */
  --c-ink: #0b2240;          /* loqodakı tünd göy: başlıqlar, tünd bölmələr */
  --c-ink-deep: #081a31;     /* tünd bölmələrin fonu */
  --c-ink-soft: #14304f;     /* tünd fonda kartlar */
  --c-text: #23303f;
  --c-muted: #586474;
  --c-muted-on-dark: #a9b6c6;
  --c-bg: #ffffff;
  --c-tint: #f5f2ec;         /* açıq, bir az isti boz */
  --c-line: #e3ded4;
  --c-line-dark: rgb(255 255 255 / 0.12);
  --c-gold: #d6a049;         /* loqodakı qızılı: düymələr, vurğular */
  --c-gold-hover: #e5b457;
  --c-gold-text: #95621a;    /* ağ fonda qızılı mətn (oxunaqlılıq üçün tünd) */
  --c-error: #c2362c;
  --c-success: #1f7a4d;

  /* Şriftlər */
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Ölçülər */
  --container: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
  --section-y: clamp(64px, 9vw, 120px);
  --header-h: 76px;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;

  --shadow-card: 0 1px 2px rgb(11 34 64 / 0.06), 0 12px 32px -12px rgb(11 34 64 / 0.2);
  --ease: cubic-bezier(.2, .7, .3, 1);
}