/* css/shared/tokens.css
   FCS Bid — Design Token File (Phase 9.5.1)
   Load this BEFORE every other stylesheet in every HTML entry point.
   All module CSS must reference var(--fcs-*) rather than hard-coded values.
   If a needed value has no token, add it here first.
   ─────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Spacing ── */
  --fcs-space-1: 4px;
  --fcs-space-2: 8px;
  --fcs-space-3: 12px;
  --fcs-space-4: 16px;
  --fcs-space-5: 24px;
  --fcs-space-6: 32px;

  /* ── Radii ── */
  --fcs-radius-sm: 4px;
  --fcs-radius:    6px;
  --fcs-radius-lg: 10px;

  /* ── Brand / primary (FCS Blue #2a32bd) ── */
  --fcs-color-primary:       #2a32bd;
  --fcs-color-primary-hover: #1e248c;
  --fcs-color-primary-light: rgba(42, 50, 189, 0.10);

  /* ── Danger / destructive ── */
  --fcs-color-danger:        #c0392b;
  --fcs-color-danger-hover:  #a93226;
  --fcs-color-danger-light:  #FDECEA;

  /* ── Text ── */
  --fcs-color-text:          #1A1916;
  --fcs-color-text-muted:    #7A7875;
  --fcs-color-text-inverse:  #FFFFFF;

  /* ── Surfaces & borders ── */
  --fcs-color-border:        #D8D5D0;
  --fcs-color-border-light:  #E8E5E0;
  --fcs-color-surface:       #FFFFFF;
  --fcs-color-surface-alt:   #F4F3F1;
  --fcs-color-surface-2:     #EEECEA;
  --fcs-color-backdrop:      rgba(0, 0, 0, 0.45);

  /* ── Semantic status ── */
  --fcs-color-success:       #3cb872;
  --fcs-color-warning:       #C8762B;
  --fcs-color-info:          #2a32bd;

  /* ── Typography ── */
  --fcs-font-size-sm:        12px;
  --fcs-font-size-body:      14px;
  --fcs-font-size-lg:        16px;
  --fcs-font-weight-regular: 400;
  --fcs-font-weight-medium:  500;
  --fcs-font-weight-bold:    600;
  --fcs-font-family:         'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --fcs-font-family-mono:    'DM Mono', 'Fira Code', 'Courier New', monospace;

  /* ── Modal widths ── */
  --fcs-modal-width-sm:  400px;
  --fcs-modal-width-md:  560px;
  --fcs-modal-width-lg:  800px;
  --fcs-shadow-modal:    0 10px 30px rgba(0, 0, 0, 0.18);

  /* ── Transitions ── */
  --fcs-transition-fast: 120ms ease;
  --fcs-transition:      150ms ease;
}

/* ─────────────────────────────────────────────────────────────────────
   Additions for FCS Workspace and the public marketing site.
   Everything ABOVE this line is copied unchanged from the FCS Bid app.
   New values go below, so the two stay easy to compare.
   ─────────────────────────────────────────────────────────────────────── */
:root {
  --fcs-color-text-mid:   #4A4845;   /* softer body text (same value the bid app uses in shared_vars.css) */
  --fcs-font-size-xl:     20px;      /* intro text on the marketing page */
  --fcs-font-size-xxl:    30px;      /* section headings on the marketing page */
  --fcs-font-weight-semibold: 600;
  --fcs-shadow-card:      0 2px 8px rgba(0, 0, 0, 0.06);
  --fcs-shadow-header:    0 1px 3px rgba(0, 0, 0, 0.05);
  --fcs-header-height:    52px;
  --fcs-page-width:       1040px;
}