/* ═══ Iris DS — СГЕНЕРИРОВАНО из packages/ui/src/theme.ts (pnpm gen:tokens) ═══
   НЕ редактировать руками: правки — в theme.ts, затем перегенерация. DS-05. */
:root {
  --bg: #0B0B0D;
  --surface: #101015;
  --surface-2: #17171D;
  --border: #232329;
  --border-strong: #2C2C33;
  --text: #ECECEE;
  --text-secondary: #8A8A90;
  --text-tertiary: #5B5B61;
  --accent: #27F0DE;
  --accent-soft: rgba(39,240,222,0.12);
  --accent-text: #27F0DE;
  --on-accent: #06222A;
  --free: #C6FF3A;
  --free-soft: rgba(198,255,58,0.12);
  --like: #FF2E8A;
  --like-soft: rgba(255,46,138,0.12);
  --busy: #F59E0B;
  --danger: #FF6B8A;
  --danger-soft: rgba(255,107,138,0.12);
  --font-sora: 'Sora', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-ui: 'Sora', system-ui, -apple-system, sans-serif;
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-evidence: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-xxl: 30px;
  --text-mono: 12px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 28px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;
  --cut-xs: 5px;
  --cut-sm: 7px;
  --cut-md: 9px;
  --cut-lg: 14px;
  --tap-min: 44px;
  --layout-max: 430px;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --aurora-base-0: #08080D;
  --aurora-base-1: #050508;
  --aurora-cyan: rgba(39, 240, 222, 0.16);
  --aurora-violet: rgba(124, 108, 240, 0.22);
  --aurora-magenta: rgba(255, 46, 138, 0.09);
  --aurora: radial-gradient(120% 90% at 6% -4%, rgba(39, 240, 222, 0.16), transparent 60%),
            radial-gradient(120% 100% at 102% 104%, rgba(124, 108, 240, 0.22), transparent 60%),
            radial-gradient(90% 60% at 46% 118%, rgba(255, 46, 138, 0.09), transparent 62%),
            linear-gradient(160deg, #08080D, #050508);
  --glass-border: rgba(255,255,255,0.06);
  --glass-hairline: rgba(255,255,255,0.075);
  --dock-top: #15151C;
  --dock-bottom: #0A0A10;
  --dock-stroke: rgba(217, 220, 223, 1);
  --dock-stroke-cyan: rgba(39, 240, 222, 0.16);
  --dock-fill: linear-gradient(180deg, var(--dock-top), var(--dock-bottom));
  --accent-grad: linear-gradient(135deg, #5BFFC4 0%, #27F0DE 50%, #12B0E8 100%);
  --free-grad: linear-gradient(135deg, #EAFF7A 0%, #C6FF3A 50%, #86D311 100%);
  --like-grad: linear-gradient(135deg, #FF6DC0 0%, #FF2E8A 50%, #F0165E 100%);
  --busy-grad: linear-gradient(135deg, #FFD25E 0%, #F59E0B 50%, #E06E00 100%);
  --danger-grad: linear-gradient(135deg, #FF9DB6 0%, #FF6B8A 50%, #E83E5C 100%);
  --accent-bead: radial-gradient(125% 125% at 30% 24%, #7DFFDA, #27F0DE 52%, #12B0E8);
  --free-bead: radial-gradient(125% 125% at 30% 24%, #EEFF9E, #C6FF3A 52%, #86D311);
  --like-bead: radial-gradient(125% 125% at 30% 24%, #FF8ACB, #FF2E8A 52%, #F0165E);
  --busy-bead: radial-gradient(125% 125% at 30% 24%, #FFDA82, #F59E0B 52%, #E06E00);
  --danger-bead: radial-gradient(125% 125% at 30% 24%, #FFB6C6, #FF6B8A 52%, #E83E5C);
  --face: linear-gradient(180deg, #191922 0%, #0D0D13 100%);
  --face-2: linear-gradient(180deg, #131319 0%, #08080C 100%);
  --face-sink: linear-gradient(180deg, #06060A 0%, #0B0B11 100%);
  --sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 46%);
  --scan: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0 1px, transparent 1px 3px);
  --hatch: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 6px);
  --edge-top: inset 0 1px 0 rgba(255, 255, 255, 0.09);
  --edge-sink: inset 0 1px 2px rgba(0, 0, 0, 0.8);
  --rim-violet: inset 0 -12px 18px -14px rgba(124, 108, 240, 0.65);
  --lift: 0 8px 18px -10px rgba(0, 0, 0, 0.95);
  --lift-lg: 0 16px 30px -14px rgba(0, 0, 0, 1);
  --glow-accent: 0 0 16px -3px rgba(39, 240, 222, 0.75);
  --glow-free: 0 0 16px -3px rgba(198, 255, 58, 0.7);
  --glow-like: 0 0 16px -3px rgba(255, 46, 138, 0.7);
  --glow-danger: 0 0 16px -3px rgba(255, 107, 138, 0.7);
  --bloom-accent: 0 0 12px rgba(39, 240, 222, 0.55);
  --bloom-free: 0 0 12px rgba(198, 255, 58, 0.5);
  --bloom-like: 0 0 12px rgba(255, 46, 138, 0.5);
  --bloom-danger: 0 0 12px rgba(255, 107, 138, 0.5);
  --shadow-card: 0 12px 20px rgba(0, 0, 0, 0.5);
  --shadow-dock: 0 14px 26px rgba(0, 0, 0, 0.6);
  --shadow-float: 0 8px 16px rgba(0, 0, 0, 0.45);
}