/* design-tokens.css — общая дизайн-система FLOWERS53 */

:root {
  /* Фоны */
  --color-bg: #eef2f7;
  --color-bg-gradient-1: rgba(15, 118, 110, 0.14);
  --color-bg-gradient-2: rgba(14, 116, 144, 0.12);
  --color-surface: rgba(255, 255, 255, 0.92);
  --color-surface-solid: #ffffff;
  --color-surface-muted: rgba(248, 250, 252, 0.8);

  /* Границы */
  --color-border: rgba(148, 163, 184, 0.28);
  --color-border-strong: rgba(71, 85, 105, 0.18);

  /* Текст */
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-text-strong: #111827;

  /* Акцент — teal */
  --color-accent: #0f766e;
  --color-accent-dark: #115e59;
  --color-accent-soft: rgba(15, 118, 110, 0.08);

  /* Статусы */
  --color-success: #166534;
  --color-success-bg: #dcfce7;
  --color-warning: #92400e;
  --color-warning-bg: #fef3c7;
  --color-danger: #b91c1c;
  --color-danger-bg: #fee2e2;
  --color-info: #0f766e;
  --color-info-bg: rgba(15, 118, 110, 0.10);
  --color-neutral: #475569;
  --color-neutral-bg: #f1f5f9;

  /* Тени */
  --shadow-card: 0 28px 60px rgba(15, 23, 42, 0.12);
  --shadow-card-hover: 0 36px 70px rgba(15, 23, 42, 0.16);
  --shadow-button: 0 12px 24px rgba(15, 118, 110, 0.18);

  /* Скругления */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Типографика */
  --font-sans: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;
  --font-size-eyebrow: 11px;
  --font-weight-label: 700;
  --font-weight-strong: 800;

  /* Анимации */
  --transition-base: 0.18s ease;
  --transition-slow: 0.24s ease;
}