/* =========================================================
   WC / MSC VERTICAL TOKEN REGISTER
   File: msc_vertical_all_tokens.css
   Pack: WC_VERTICAL_TOKEN_CSS_IMPLEMENTATION_PACK_V1
   Purpose:
   - Preliminary vertical colour/token classes for all registered verticals.
   - These are placeholder-safe values and can be refined per vertical.
   - Course HTML must not hard-code these colours.
   ========================================================= */

:root {
  --msc-font-family-base: "Inter", Arial, sans-serif;
  --msc-radius-sm: 10px;
  --msc-radius-md: 16px;
  --msc-radius-lg: 22px;
  --msc-shadow-soft: 0 8px 24px rgba(0,0,0,.08);
  --msc-shadow-card: 0 10px 30px rgba(0,0,0,.10);
  --msc-border-soft: 1px solid rgba(0,0,0,.08);

  --msc-text-main: #1F2937;
  --msc-text-soft: #4B5563;
  --msc-surface-main: #FFFFFF;
  --msc-surface-soft: #F7F9FB;
  --msc-surface-muted: #EEF2F6;

  --msc-focus-ring: 0 0 0 3px rgba(0,128,128,.18);
}


/* Care / default teal */


/* =========================================================
   CARE
   Standard care teal family
   ========================================================= */

.msc-vertical-care,.msc-vertical-default { 
  --msc-vertical-primary: #008080;
  --msc-vertical-primary-dark: #006666;
  --msc-vertical-primary-soft: #DFF3F3;
  --msc-vertical-primary-soft-2: #F4FBFB;
  --msc-vertical-primary-pale: #F4FBFB;
  --msc-vertical-border: #BFE1E1;
  --msc-vertical-glow: rgba(0,128,128,.15);
  --msc-vertical-heading: #0A4F4F;
  --msc-vertical-accent: #00A0A0;
  --msc-vertical-accent-text: #006D6D;
  --msc-vertical-gradient: linear-gradient(135deg, #F4FBFB 0%, #DFF3F3 100%);
}


/* Adult Care - teal with burgundy accent */
.msc-vertical-adult-care,
.msc-vertical-asc {
  --msc-vertical-primary: #008080;
  --msc-vertical-primary-dark: #006666;
  --msc-vertical-primary-soft: #DFF3F3;
  --msc-vertical-primary-soft-2: #F4FBFB;
  --msc-vertical-primary-pale: #F4FBFB;
  --msc-vertical-border: #BFE1E1;
  --msc-vertical-glow: rgba(0,128,128,.15);
  --msc-vertical-heading: #0A4F4F;
  --msc-vertical-accent: #7A1F3D;
  --msc-vertical-accent-text: #006D6D;
  --msc-vertical-gradient: linear-gradient(135deg, #F4FBFB 0%, #DFF3F3 100%);
}

/* SEND - lilac */
.msc-vertical-send,
.msc-vertical-edu-send {
  --msc-vertical-primary: #A56CC1;
  --msc-vertical-primary-dark: #7A4698;
  --msc-vertical-primary-soft: #F3EAFB;
  --msc-vertical-primary-soft-2: #FAF6FD;
  --msc-vertical-primary-pale: #FAF6FD;
  --msc-vertical-border: #E6D6F2;
  --msc-vertical-glow: rgba(165,108,193,.18);
  --msc-vertical-heading: #5C2F74;
  --msc-vertical-accent: #BDA7E5;
  --msc-vertical-accent-text: #6E3D89;
  --msc-vertical-gradient: linear-gradient(135deg, #FAF6FD 0%, #F3EAFB 100%);
}

/* Teaching / Schools - blue */
.msc-vertical-school {
  --msc-vertical-primary: #2563A8;
  --msc-vertical-primary-dark: #163C66;
  --msc-vertical-primary-soft: #EAF2FB;
  --msc-vertical-primary-pale: #F6FAFF;
  --msc-vertical-accent: #68A6E0;
}

/* Childcare / Early Years - warm coral */
.msc-vertical-eyc {
  --msc-vertical-primary: #D9785F;
  --msc-vertical-primary-dark: #9E4736;
  --msc-vertical-primary-soft: #FFF0EA;
  --msc-vertical-primary-pale: #FFF8F5;
  --msc-vertical-accent: #7DAA6A;
}

/* Food Hygiene - green */
.msc-vertical-food {
  --msc-vertical-primary: #2F7D3B;
  --msc-vertical-primary-dark: #1F5A29;
  --msc-vertical-primary-soft: #EAF5EC;
  --msc-vertical-primary-pale: #F6FBF7;
  --msc-vertical-accent: #7FAF4D;
}

/* Legal - jurisdiction-aware red/blue base, neutral navy primary */
.msc-vertical-legal {
  --msc-vertical-primary: #243B5A;
  --msc-vertical-primary-dark: #142338;
  --msc-vertical-primary-soft: #EAF0F7;
  --msc-vertical-primary-pale: #F7FAFD;
  --msc-vertical-accent: #B91C1C;
}

/* Finance / Mortgages - executive navy */
.msc-vertical-finance {
  --msc-vertical-primary: #102A43;
  --msc-vertical-primary-dark: #071A2D;
  --msc-vertical-primary-soft: #E8EEF5;
  --msc-vertical-primary-pale: #F6F9FC;
  --msc-vertical-accent: #00A6D6;
}

/* Estate Agents / Property - slate with gold accent */
.msc-vertical-property {
  --msc-vertical-primary: #334155;
  --msc-vertical-primary-dark: #1E293B;
  --msc-vertical-primary-soft: #EEF2F6;
  --msc-vertical-primary-pale: #F8FAFC;
  --msc-vertical-accent: #B88A2D;
}

/* Maritime - deep sea blue */
.msc-vertical-maritime {
  --msc-vertical-primary: #0E5A78;
  --msc-vertical-primary-dark: #08384A;
  --msc-vertical-primary-soft: #E6F2F6;
  --msc-vertical-primary-pale: #F4FAFC;
  --msc-vertical-accent: #4FB3C8;
}

/* Hospitality - rich purple */
.msc-vertical-hospitality {
  --msc-vertical-primary: #5B2A86;
  --msc-vertical-primary-dark: #351850;
  --msc-vertical-primary-soft: #F1EAF8;
  --msc-vertical-primary-pale: #FAF7FD;
  --msc-vertical-accent: #C59B3B;
}

/* Industrial / HSE - deep red */
.msc-vertical-industrial {
  --msc-vertical-primary: #6E0000;
  --msc-vertical-primary-dark: #3F0000;
  --msc-vertical-primary-soft: #F6EAEA;
  --msc-vertical-primary-pale: #FCF7F7;
  --msc-vertical-accent: #A62121;
}

/* Dental - clinical blue/teal */
.msc-vertical-dental {
  --msc-vertical-primary: #007C89;
  --msc-vertical-primary-dark: #005760;
  --msc-vertical-primary-soft: #E6F4F6;
  --msc-vertical-primary-pale: #F4FBFC;
  --msc-vertical-accent: #74C7D3;
}

/* Medical - NHS-style blue */
.msc-vertical-medical {
  --msc-vertical-primary: #005EB8;
  --msc-vertical-primary-dark: #003C78;
  --msc-vertical-primary-soft: #E6F0FA;
  --msc-vertical-primary-pale: #F5FAFF;
  --msc-vertical-accent: #41B6E6;
}

/* HR / People - people/organisation blue-green */
.msc-vertical-hr-people {
  --msc-vertical-primary: #2C7A7B;
  --msc-vertical-primary-dark: #205A5B;
  --msc-vertical-primary-soft: #E8F4F4;
  --msc-vertical-primary-pale: #F6FBFB;
  --msc-vertical-accent: #7C3AED;
}

/* Aviation - sky/navy */
.msc-vertical-aviation {
  --msc-vertical-primary: #1D4E89;
  --msc-vertical-primary-dark: #0F2E52;
  --msc-vertical-primary-soft: #EAF1F8;
  --msc-vertical-primary-pale: #F6FAFE;
  --msc-vertical-accent: #69B3E7;
}

/* Veterinary - green/blue clinical */
.msc-vertical-vets {
  --msc-vertical-primary: #2B7A78;
  --msc-vertical-primary-dark: #185452;
  --msc-vertical-primary-soft: #E9F4F3;
  --msc-vertical-primary-pale: #F6FBFA;
  --msc-vertical-accent: #6BA368;
}

/* Farming / Agriculture - earthy green */
.msc-vertical-agri {
  --msc-vertical-primary: #3F6F2A;
  --msc-vertical-primary-dark: #28481B;
  --msc-vertical-primary-soft: #EEF5EA;
  --msc-vertical-primary-pale: #F8FBF6;
  --msc-vertical-accent: #8A9A3A;
}

/* Rail - transport blue with safety yellow accent */
.msc-vertical-rail {
  --msc-vertical-primary: #003B5C;
  --msc-vertical-primary-dark: #002638;
  --msc-vertical-primary-soft: #E6EEF3;
  --msc-vertical-primary-pale: #F5F9FB;
  --msc-vertical-accent: #F2C94C;
}

/* Oil & Gas - dark steel / amber */
.msc-vertical-oil-gas {
  --msc-vertical-primary: #263238;
  --msc-vertical-primary-dark: #111A1F;
  --msc-vertical-primary-soft: #ECEFF1;
  --msc-vertical-primary-pale: #F7F9FA;
  --msc-vertical-accent: #D97706;
}

/* Renewable Energy - clean green / blue */
.msc-vertical-renewables {
  --msc-vertical-primary: #18794E;
  --msc-vertical-primary-dark: #0F5132;
  --msc-vertical-primary-soft: #E7F5EF;
  --msc-vertical-primary-pale: #F4FBF8;
  --msc-vertical-accent: #00A6D6;
}

/* Automotive - graphite / electric blue */
.msc-vertical-automotive {
  --msc-vertical-primary: #374151;
  --msc-vertical-primary-dark: #1F2937;
  --msc-vertical-primary-soft: #EEF0F4;
  --msc-vertical-primary-pale: #F8FAFC;
  --msc-vertical-accent: #2563EB;
}

/* Construction - amber / dark slate */
.msc-vertical-construction {
  --msc-vertical-primary: #B45309;
  --msc-vertical-primary-dark: #78350F;
  --msc-vertical-primary-soft: #FFF3E0;
  --msc-vertical-primary-pale: #FFFBF5;
  --msc-vertical-accent: #334155;
}

/* Facilities Management - slate / teal */
.msc-vertical-facilities {
  --msc-vertical-primary: #475569;
  --msc-vertical-primary-dark: #273449;
  --msc-vertical-primary-soft: #EEF2F6;
  --msc-vertical-primary-pale: #F8FAFC;
  --msc-vertical-accent: #008080;
}

/* Retail - magenta/plum */
.msc-vertical-retail {
  --msc-vertical-primary: #8A2F63;
  --msc-vertical-primary-dark: #5C1E42;
  --msc-vertical-primary-soft: #F8EAF2;
  --msc-vertical-primary-pale: #FDF7FA;
  --msc-vertical-accent: #F59E0B;
}

/* Logistics - operational blue */
.msc-vertical-logistics {
  --msc-vertical-primary: #1E5B8A;
  --msc-vertical-primary-dark: #123A59;
  --msc-vertical-primary-soft: #E8F1F7;
  --msc-vertical-primary-pale: #F5FAFD;
  --msc-vertical-accent: #F2C94C;
}

/* Pharma - clinical violet/blue */
.msc-vertical-pharma {
  --msc-vertical-primary: #4C4FA3;
  --msc-vertical-primary-dark: #30336F;
  --msc-vertical-primary-soft: #EEEEFA;
  --msc-vertical-primary-pale: #F8F8FE;
  --msc-vertical-accent: #00A6A6;
}

/* Leisure - active blue/purple */
.msc-vertical-leisure {
  --msc-vertical-primary: #2563EB;
  --msc-vertical-primary-dark: #1E40AF;
  --msc-vertical-primary-soft: #EFF6FF;
  --msc-vertical-primary-pale: #F8FBFF;
  --msc-vertical-accent: #9333EA;
}

/* Security - dark navy */
.msc-vertical-security {
  --msc-vertical-primary: #111827;
  --msc-vertical-primary-dark: #030712;
  --msc-vertical-primary-soft: #EEF0F3;
  --msc-vertical-primary-pale: #F8FAFC;
  --msc-vertical-accent: #C2410C;
}

/* Aviation Security - navy / red security accent */
.msc-vertical-avsec {
  --msc-vertical-primary: #0B1F3A;
  --msc-vertical-primary-dark: #050F1F;
  --msc-vertical-primary-soft: #E8EDF4;
  --msc-vertical-primary-pale: #F6F8FB;
  --msc-vertical-accent: #B91C1C;
}