/* ==================================================
   BOOTSTRAP TOKEN THEME
   Load AFTER bootstrap.min.css
   Requires tokens.css loaded BEFORE this file
   ================================================== */

:root {

  /* =====================================
     BOOTSTRAP COLOR SYSTEM
  ====================================== */

  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-slate-grey);
  --bs-success: var(--color-antique-gold);
  --bs-danger: var(--color-deep-magenta);
  --bs-warning: var(--color-champagne-gold);
  --bs-info: var(--color-pale-royal-mauve);
  --bs-light: var(--color-surface);
  --bs-dark: var(--color-midnight-navy);

  --bs-body-bg: var(--color-main-bg);
  --bs-body-color: var(--color-text-primary);

  --bs-border-color: var(--color-divider);

  /* =====================================
     TYPOGRAPHY
  ====================================== */

  --bs-font-sans-serif: var(--font-body);
  --bs-font-monospace: monospace;

  --bs-body-font-size: var(--font-size-body-web);
  --bs-body-font-weight: var(--font-weight-400);
  --bs-body-line-height: 1.5;

  --bs-heading-font-family: var(--font-title);
  --bs-heading-font-weight: var(--font-weight-600);

  /* =====================================
     BORDER RADIUS
  ====================================== */

  --bs-border-radius: var(--radius-m);
  --bs-border-radius-sm: var(--radius-s);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-border-radius-xl: var(--radius-xl);

  /* =====================================
     BUTTONS
  ====================================== */

  --bs-btn-font-weight: var(--font-weight-600);
  --bs-btn-padding-y: var(--space-s);
  --bs-btn-padding-x: var(--space-m);

  /* =====================================
     CARDS
  ====================================== */

  --bs-card-bg: var(--color-surface);
  --bs-card-border-color: var(--color-divider);
  --bs-card-border-radius: var(--radius-m);

  /* =====================================
     FORMS
  ====================================== */

  --bs-form-control-bg: var(--color-ivory-white);
  --bs-form-control-border-color: var(--color-divider);
  --bs-form-control-focus-border-color: var(--color-primary);
  --bs-form-control-focus-box-shadow: 0 0 0 2px var(--color-pale-royal-mauve);

}