/*
 * Sonar dizayn tokenlari — sayt, admin panel va Sonar dasturi (desktop-native/src/Sonar.Desktop/Theme/Tokens.axaml) bitta tilda.
 * Rang, shrift, radius, soya. Mavzu: yorug' (standart) va qorong'i — tizim sozlamasi yoki <html data-theme="dark|light">.
 * Shriftlar: /assets/fonts/fonts.css (Inter — matn, Manrope — sarlavha).
 */
:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, 'Cascadia Mono', Consolas, monospace;

  --canvas: #f3f6f5;
  --surface: #ffffff;
  --surface-2: #f7f9f8;
  --surface-3: #eaf0ee;
  --line: #dde6e3;
  --line-strong: #cad9d5;
  --fg: #163037;
  --fg-2: #3e565c;
  --dim: #657d81;

  --accent: #087f76;
  --accent-hover: #066960;
  --accent-soft: #e1f4ef;
  --accent-fg: #086e65;
  --on-accent: #ffffff;

  --ok: #0e9f6e;
  --ok-soft: #e6f6ef;
  --ok-fg: #0b7a53;
  --warn: #e8940c;
  --warn-soft: #fff4e0;
  --warn-fg: #8f5500;
  --bad: #dc2626;
  --bad-soft: #fdecec;
  --bad-fg: #b91c1c;
  --info: #2563eb;
  --info-soft: #eaf1fe;
  --info-fg: #1d4ed8;
  --ai: #267d88;
  --ai-soft: #e4f2f2;

  /* Brend: to'q yashil-ko'k (menyu, qoramtir bloklar) */
  --navy: #122b30;
  --navy-1: #14343a;
  --navy-2: #0f262b;
  --navy-line: rgba(255, 255, 255, .08);
  --navy-fg: #e6f1ef;
  --navy-dim: #94b3ae;

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-xs: 0 1px 1px rgba(16, 40, 44, .04);
  --shadow-sm: 0 1px 2px rgba(16, 40, 44, .06), 0 1px 1px rgba(16, 40, 44, .03);
  --shadow: 0 1px 2px rgba(16, 40, 44, .05), 0 6px 18px -8px rgba(16, 40, 44, .14);
  --shadow-lg: 0 2px 4px rgba(16, 40, 44, .04), 0 28px 56px -28px rgba(16, 40, 44, .38);
  --focus: 0 0 0 3px rgba(8, 127, 118, .22);

  color-scheme: light;
}

:root[data-theme="dark"] {
  --canvas: #101b1f;
  --surface: #18282c;
  --surface-2: #1e3034;
  --surface-3: #294044;
  --line: #30464a;
  --line-strong: #446166;
  --fg: #eaf4f2;
  --fg-2: #c4d8d5;
  --dim: #9ab6b2;
  --accent: #4ac8b6;
  --accent-hover: #68d7c6;
  --accent-soft: rgba(74, 200, 182, .16);
  --accent-fg: #88eadc;
  --on-accent: #102c2e;
  --ok: #2bc48e;
  --ok-soft: rgba(43, 196, 142, .14);
  --ok-fg: #62d9ae;
  --warn: #f5a524;
  --warn-soft: rgba(245, 165, 36, .14);
  --warn-fg: #f8c46e;
  --bad: #f05252;
  --bad-soft: rgba(240, 82, 82, .15);
  --bad-fg: #fca5a5;
  --info: #60a5fa;
  --info-soft: rgba(96, 165, 250, .15);
  --info-fg: #93c5fd;
  --ai: #5cc2cf;
  --ai-soft: rgba(92, 194, 207, .15);
  --navy: #0c1a1d;
  --navy-1: #0f2226;
  --navy-2: #0b181b;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px -10px rgba(0, 0, 0, .55);
  --shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, .8);
  --focus: 0 0 0 3px rgba(74, 200, 182, .3);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #101b1f;
    --surface: #18282c;
    --surface-2: #1e3034;
    --surface-3: #294044;
    --line: #30464a;
    --line-strong: #446166;
    --fg: #eaf4f2;
    --fg-2: #c4d8d5;
    --dim: #9ab6b2;
    --accent: #4ac8b6;
    --accent-hover: #68d7c6;
    --accent-soft: rgba(74, 200, 182, .16);
    --accent-fg: #88eadc;
    --on-accent: #102c2e;
    --ok: #2bc48e;
    --ok-soft: rgba(43, 196, 142, .14);
    --ok-fg: #62d9ae;
    --warn: #f5a524;
    --warn-soft: rgba(245, 165, 36, .14);
    --warn-fg: #f8c46e;
    --bad: #f05252;
    --bad-soft: rgba(240, 82, 82, .15);
    --bad-fg: #fca5a5;
    --info: #60a5fa;
    --info-soft: rgba(96, 165, 250, .15);
    --info-fg: #93c5fd;
    --ai: #5cc2cf;
    --ai-soft: rgba(92, 194, 207, .15);
    --navy: #0c1a1d;
    --navy-1: #0f2226;
    --navy-2: #0b181b;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px -10px rgba(0, 0, 0, .55);
    --shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, .8);
    --focus: 0 0 0 3px rgba(74, 200, 182, .3);
    color-scheme: dark;
  }
}