/*
 * CareerPool design tokens — single source of truth.
 *
 * Approved 2026-07-31 (see "CareerPool — аудит визуальной согласованности,
 * этапы 1-3"). Every canonical class in components.css reads only from
 * these variables. Do not add a new color/radius/size value anywhere in
 * the codebase without first adding it here — see /opt/careerpool/CLAUDE.md.
 */
:root {
  /* Color: brand */
  --color-primary: #f58220;
  --color-primary-hover: #e36f0d;

  /* Color: secondary (neutral) button */
  --color-secondary-bg: #f3f3f3;
  --color-secondary-bg-hover: #e9e9e9;
  --color-secondary-text: #555555;

  /* Color: danger (destructive actions only — cancel/restore-type flows) */
  --color-danger-bg: #fff;
  --color-danger-border: #e2b3a8;
  --color-danger-text: #a83f2c;
  --color-danger-bg-hover: #fdf1ef;

  /* Color: text */
  --color-text-primary: #1a1a1a;
  --color-text-muted: #5b5f66;
  --color-text-on-primary: #ffffff;

  /* Color: surface */
  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f8;
  --color-border: #e6e6e9;

  /* Color: status */
  --color-success-text: #2b6b34;
  --color-success-bg: #f0f8f1;
  --color-success-border: #cde9d0;
  --color-warning-text: #6b5310;
  --color-warning-bg: #fff7e6;
  --color-warning-border: #f0dca0;
  --color-error-text: #b42318;

  /* Typography */
  --font-family: 'TildaSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-hero-size: 40px;
  --text-hero-weight: 700;
  --text-h1-size: 28px;
  --text-h1-weight: 700;
  --text-h2-size: 20px;
  --text-h2-weight: 700;
  --text-body-size: 16px;
  --text-body-weight: 400;
  --text-body-secondary-size: 15px;
  --text-body-secondary-weight: 400;
  --text-legal-size: 13px;
  --text-legal-weight: 400;

  /* Buttons */
  --radius-btn: 999px;
  --btn-height: 52px;
  --btn-padding-x: 32px;
  --btn-font-size: 16px;
  --btn-font-weight: 700;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
}