/* Design tokens — Apple HIG-flavored "Liquid Glass".
   Перенесены из проекта "fix icon OD"; убрана специфика десктопного окна.
   Все цвета/блюры/радиусы живут здесь; компоненты ссылаются на var(--...). */

:root {
  --font: "SF Pro Display", "SF Pro Text", "Segoe UI Variable Display",
    "Segoe UI Variable Text", "Inter", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --tracking-tight: -0.02em;

  --r-xl: 30px;
  --r-lg: 24px;
  --r-md: 16px;
  --r-sm: 10px;
  --r-pill: 999px;

  --blur-glass: 36px;
  --blur-sheet: 22px;

  /* iOS system palette — light */
  --accent: #007aff;
  --accent-grad: linear-gradient(180deg, #2f96ff, #007aff);
  --tint: rgba(0, 122, 255, 0.13);
  --green: #34c759;
  --orange: #ff9500;
  --red: #ff3b30;
  --purple: #af52de;
  --teal: #30b0c7;
  --gray: #8e8e93;
  --tint-green: rgba(52, 199, 89, 0.15);
  --tint-orange: rgba(255, 149, 0, 0.16);
  --tint-red: rgba(255, 59, 48, 0.13);

  --bg-base: #f4f4f6;
  --text-1: #1d1d1f;
  --text-2: rgba(60, 60, 67, 0.62);
  --text-3: rgba(60, 60, 67, 0.35);
  --text-on-accent: #ffffff;

  --glass: rgba(255, 255, 255, 0.55);
  --glass-strong: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.8);
  --glass-highlight: rgba(255, 255, 255, 0.9);
  --hairline: rgba(60, 60, 67, 0.12);
  --row-hover: rgba(120, 120, 128, 0.1);
  --field-bg: rgba(120, 120, 128, 0.08);

  --shadow-card: 0 1px 1px rgba(20, 30, 60, 0.03), 0 10px 30px rgba(20, 30, 60, 0.1);
  --shadow-float: 0 30px 70px rgba(20, 30, 60, 0.22);
  --shadow-btn: 0 6px 18px rgba(0, 122, 255, 0.3);

  --orb-1: rgba(90, 170, 255, 0.55);
  --orb-2: rgba(190, 120, 255, 0.38);
  --orb-3: rgba(90, 220, 190, 0.4);
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #0a84ff;
    --accent-grad: linear-gradient(180deg, #2f96ff, #0a6fe8);
    --tint: rgba(10, 132, 255, 0.2);
    --green: #30d158;
    --orange: #ff9f0a;
    --red: #ff453a;
    --purple: #bf5af2;
    --teal: #40c8e0;
    --gray: #98989d;
    --tint-green: rgba(48, 209, 88, 0.18);
    --tint-orange: rgba(255, 159, 10, 0.18);
    --tint-red: rgba(255, 69, 58, 0.16);

    --bg-base: #0a0a0c;
    --text-1: #f5f5f7;
    --text-2: rgba(235, 235, 245, 0.64);
    --text-3: rgba(235, 235, 245, 0.36);

    --glass: rgba(30, 30, 34, 0.55);
    --glass-strong: rgba(46, 46, 52, 0.62);
    --glass-border: rgba(255, 255, 255, 0.09);
    --glass-highlight: rgba(255, 255, 255, 0.08);
    --hairline: rgba(255, 255, 255, 0.09);
    --row-hover: rgba(255, 255, 255, 0.06);
    --field-bg: rgba(255, 255, 255, 0.07);

    --shadow-card: 0 1px 1px rgba(0, 0, 0, 0.2), 0 12px 34px rgba(0, 0, 0, 0.5);
    --shadow-float: 0 30px 70px rgba(0, 0, 0, 0.6);
    --shadow-btn: 0 8px 22px rgba(10, 132, 255, 0.35);

    --orb-1: rgba(20, 90, 220, 0.5);
    --orb-2: rgba(120, 50, 200, 0.4);
    --orb-3: rgba(0, 140, 130, 0.35);
  }
}