/* INBIZ — Design Tokens (импорт из Claude Design: styles/tokens.css) */

:root {
  /* Brand */
  --inbiz-blue: #2D5BFF;
  --inbiz-blue-600: #1E47E8;
  --inbiz-blue-50: #EEF2FF;
  --inbiz-blue-100: #DCE5FF;
  --inbiz-violet: #7C3AED;
  --inbiz-violet-50: #F3EEFF;

  /* Header / dark */
  --ink-900: #1A1A2E;
  --ink-800: #2D2A3A;
  --ink-700: #3D3950;
  --ink-600: #4A4760;

  /* Surfaces */
  --bg: #F4F6FA;
  --bg-alt: #EEF1F7;
  --surface: #FFFFFF;
  --surface-soft: #F8FAFC;

  /* Text */
  --text-primary: #1A1A2E;
  --text-secondary: #5A5A6E;
  --text-tertiary: #8B8B9E;
  --text-on-dark: #FFFFFF;
  --text-on-dark-dim: #B8B5C8;

  /* Borders */
  --border: #E4E7EE;
  --border-strong: #D5D9E2;

  /* Status colors */
  --success: #1FAB6F;
  --success-50: #E8F8F0;
  --warning: #F59E0B;
  --warning-50: #FEF3DB;
  --danger: #EF4444;
  --danger-50: #FEE8E8;

  /* Semantic */
  --premium-bg: #FF8A1E;
  --premium-text: #FFFFFF;
  --only-bg: #7C3AED;
  --rating-bg: #2D5BFF;

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-pill: 999px;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(20, 24, 40, 0.04), 0 1px 1px rgba(20, 24, 40, 0.03);
  --sh-md: 0 2px 6px rgba(20, 24, 40, 0.05), 0 8px 24px rgba(20, 24, 40, 0.04);
  --sh-lg: 0 6px 20px rgba(20, 24, 40, 0.06), 0 24px 48px rgba(20, 24, 40, 0.06);
  --sh-card: 0 1px 0 rgba(20, 24, 40, 0.02), 0 8px 28px rgba(20, 24, 40, 0.06);

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;

  /* Type */
  --font-sans: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Manrope', 'Inter', sans-serif;
  --font-serif: 'PT Serif', 'Charter', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  color: var(--text-primary);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { display: block; max-width: 100%; }