/*
 * CHE Design System - CSS Variables
 * Generated from https://che-toolkit.web.app/styleguide
 * Only semantic colors are included - use by purpose, not appearance.
 */

:root {
  /* ═══════════════════════════════════════════════════════════════════
     BACKGROUND COLORS
     ═══════════════════════════════════════════════════════════════════ */
  /* Main page/app background. Warm off-white for comfortable reading. */
  --bg-warm-light: #F6F6F3;

  /* Card backgrounds, input fields, modals. Pure white for elevated content. */
  --bg-light: #FFFFFF;

  /* Medium surfaces, info panels, disabled states, hover backgrounds. */
  --bg-mid: #F2F1ED;

  /* ═══════════════════════════════════════════════════════════════════
     BORDER
     ═══════════════════════════════════════════════════════════════════ */
  /* All borders: inputs, cards, dividers, unchecked checkboxes/radios. */
  --border: #D9D4C8;

  /* ═══════════════════════════════════════════════════════════════════
     TEXT COLORS
     ═══════════════════════════════════════════════════════════════════ */
  /* Primary text color. Headings, labels, body text, checked controls. */
  --text-main: #1F4F48;

  /* Secondary text. Hints, descriptions, placeholders, captions. */
  --text-muted: #6B8A85;

  /* ═══════════════════════════════════════════════════════════════════
     BRAND & ACCENT COLORS
     ═══════════════════════════════════════════════════════════════════ */
  /* THE CHE BRAND COLOR. Links, logo, progress labels, section headings. */
  --che-orange: #E85A33;

  /* Secondary accent (non-teal green). Focus rings, borders, icons. NOT for links or CTAs. */
  --brand: #3E716A;

  /* Mid-green for progress bar fills. Lighter variant of brand. */
  --brand-mid: #6B9A94;

  /* CTA BUTTONS ONLY. Continue, Submit, Save buttons. */
  --cta-blue: #3566A8;

  /* ═══════════════════════════════════════════════════════════════════
     SEMANTIC/STATUS COLORS
     ═══════════════════════════════════════════════════════════════════ */
  /* Success states. Verified badges, completed indicators, checkmarks. */
  --success: #249280;

  /* Warning states. Alerts, in-progress, progress bar active labels. Same value as che-orange. */
  --warn: #E85A33;

  /* Error states. Validation errors, required fields, destructive actions. */
  --error: #D82332;

}