/* =========================================================
   WC / MSC CORE TOKENS
   File: msc_core_tokens.css
   Pack: WC_VERTICAL_TOKEN_CSS_IMPLEMENTATION_PACK_V1
   Purpose:
   - Defines global brand fallback and status tokens.
   - Must load before all vertical token files and component CSS.
   ========================================================= */

:root {
  /* Parent brand / default fallback: Care/WC teal */
  --wc-brand-primary: #008080;
  --wc-brand-primary-dark: #006060;
  --wc-brand-primary-soft: #E6F4F4;
  --wc-brand-primary-pale: #F3FBFB;

  /* Default vertical tokens resolve to Care/WC teal unless overridden */
  --msc-vertical-primary: var(--wc-brand-primary);
  --msc-vertical-primary-dark: var(--wc-brand-primary-dark);
  --msc-vertical-primary-soft: var(--wc-brand-primary-soft);
  --msc-vertical-primary-pale: var(--wc-brand-primary-pale);
  --msc-vertical-accent: #00A0A0;

  /* Text and surfaces */
  --msc-text-main: #1F2937;
  --msc-text-muted: #4B5563;
  --msc-text-soft: #6B7280;
  --msc-surface: #FFFFFF;
  --msc-surface-soft: #F8FAFC;
  --msc-border: #D7E1E1;
  --msc-border-strong: #8FA7A7;

  /* Functional status tokens - do not override for vertical branding */
  --msc-status-complete: #2E7D32;
  --msc-status-complete-soft: #EAF6EA;
  --msc-status-warning: #B7791F;
  --msc-status-warning-soft: #FFF7E6;
  --msc-status-danger: #B91C1C;
  --msc-status-danger-soft: #FDECEC;
  --msc-status-disabled: #9CA3AF;
  --msc-status-disabled-soft: #F3F4F6;
  --msc-status-info: #2563EB;
  --msc-status-info-soft: #EFF6FF;

  /* Typography and shape */
  --msc-font-family-base: "Inter", Arial, Helvetica, sans-serif;
  --msc-radius-sm: 8px;
  --msc-radius-md: 12px;
  --msc-radius-lg: 18px;
  --msc-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
  --msc-shadow-panel: 0 12px 32px rgba(15, 23, 42, 0.10);

  /* Button defaults */
  --msc-btn-radius: 10px;
  --msc-btn-padding-y: 0.72rem;
  --msc-btn-padding-x: 1rem;
}