/* Kursor design tokens — generated from tokens.json. Do not edit by hand. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  color-scheme: light;
  --slate-50: #f4f5f8;
  --slate-100: #e6e8ef;
  --slate-200: #c9cddb;
  --slate-300: #a3a9c0;
  --slate-400: #868dab;
  --slate-500: #71799b;
  --slate-600: #5c6385;
  --slate-700: #4a5070;
  --slate-800: #383d57;
  --slate-900: #262a3e;
  --slate-950: #171a27;
  --logo-light: #f3f3f4;
  --bg: #ffffff;
  --surface: #f4f5f8;
  --surface-raised: #ffffff;
  --ink: #171a27;
  --ink-muted: #4a5070;
  --accent: #5c6385;
  --accent-hover: #4a5070;
  --on-accent: #ffffff;
  --brand: #71799b;
  --band: #262a3e;
  --on-band: #f3f3f4;
  --on-band-muted: #a3a9c0;
  --border: #e6e8ef;
  --border-strong: #868dab;
  --focus: #5c6385;
  --code-bg: #eef0f5;
  --success: #18794e;
  --success-bg: #e7f4ee;
  --danger: #b42318;
  --danger-bg: #fcedeb;
  --warning: #8a5a00;
  --warning-bg: #fdf3e1;
  --shadow-header: 0 2px 12px rgba(23, 26, 39, 0.08);
  --shadow-raised: 0 6px 24px rgba(23, 26, 39, 0.10);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 15px;
  --space-4: 22px;
  --space-5: 33px;
  --space-6: 45px;
  --space-7: 55px;
  --space-8: 90px;
  --gutter: 20px;
  --container: 1320px;
  --header-height: 82px;
  --control-height: 56px;
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

/* Qaranlıq tema: sistem ayarı (data-theme="light" yoxdursa) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #171a27;
    --surface: #1e2232;
    --surface-raised: #262a3e;
    --ink: #f3f3f4;
    --ink-muted: #8e95b0;
    --accent: #a3a9c0;
    --accent-hover: #c9cddb;
    --on-accent: #171a27;
    --band: #0f1119;
    --on-band-muted: #868dab;
    --border: #383d57;
    --border-strong: #71799b;
    --focus: #c9cddb;
    --code-bg: #10131d;
    --success: #5cc79a;
    --success-bg: #13261f;
    --danger: #f2887c;
    --danger-bg: #2e1a1a;
    --warning: #e8b54d;
    --warning-bg: #2a2213;
    --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.4);
    --shadow-raised: 0 6px 24px rgba(0, 0, 0, 0.45);
  }
}

/* Qaranlıq tema: əl ilə seçim */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #171a27;
  --surface: #1e2232;
  --surface-raised: #262a3e;
  --ink: #f3f3f4;
  --ink-muted: #8e95b0;
  --accent: #a3a9c0;
  --accent-hover: #c9cddb;
  --on-accent: #171a27;
  --band: #0f1119;
  --on-band-muted: #868dab;
  --border: #383d57;
  --border-strong: #71799b;
  --focus: #c9cddb;
  --code-bg: #10131d;
  --success: #5cc79a;
  --success-bg: #13261f;
  --danger: #f2887c;
  --danger-bg: #2e1a1a;
  --warning: #e8b54d;
  --warning-bg: #2a2213;
  --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-raised: 0 6px 24px rgba(0, 0, 0, 0.45);
}

/* Tipoqrafiya sinifləri */
.t-display { font-family: var(--font-sans); font-size: 45px; line-height: 54px; font-weight: 700; }
.t-h2 { font-family: var(--font-sans); font-size: 36px; line-height: 43px; font-weight: 700; }
.t-h3 { font-family: var(--font-sans); font-size: 24px; line-height: 29px; font-weight: 700; }
.t-h4 { font-family: var(--font-sans); font-size: 21px; line-height: 32px; font-weight: 700; }
.t-card-title { font-family: var(--font-sans); font-size: 19px; line-height: 23px; font-weight: 700; }
.t-footer-title { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 700; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 27px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 25px; font-weight: 400; }
.t-nav { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.t-button { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.t-input { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 500; }
.t-code { font-family: var(--font-mono); font-size: 14px; line-height: 22px; font-weight: 400; }

/* Baza */
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 16px; line-height: 27px; }
h1, h2, h3, h4 { text-wrap: balance; }
code, pre, kbd { font-family: var(--font-mono); }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.container { max-width: calc(var(--container) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; }
@media (max-width: 640px) { :root { --gutter: 16px; } }