/*
  📌 FMS WordPress Theme Color Palette
  -------------------------------------
  Theme Name: FMS (Fashion Mantra Style)

  🎨 This file defines only the global color palette for the FMS WordPress theme.
  Use these CSS custom properties throughout your theme styles for consistent branding.

  👉 Variables:
    --fms-color-primary: Brand Blue
    --fms-color-primary-dark: Darker Blue (for hover/focus)
    --fms-color-primary-light: Light tint Blue (backgrounds, highlights)
    --fms-color-accent: Coral/Red accent for CTAs, highlights
    --fms-color-gray: Neutral Gray for muted text
    --fms-color-gray-light: Light Gray for background sections/cards
    --fms-color-gray-dark: Dark Gray for body text and headings
    --fms-color-white: Pure White for backgrounds
    --fms-color-black: Black for strong text if needed

  👉 Apply these later to sections, buttons, text, links, backgrounds, cards, etc.
*/

:root {
  --fms-color-primary: #007BFF;
  --fms-color-primary-dark: #0056B3;
  --fms-color-primary-light: #E6F2FF;

  --fms-color-accent: #FF6B6B;

  --fms-color-gray: #6C757D;
  --fms-color-gray-light: #F8F9FA;
  --fms-color-gray-dark: #343A40;

  --fms-color-white: #FFFFFF;
  --fms-color-black: #000000;
}

/* ✅ No styles applied yet — this file only defines the palette.
   Use: background-color: var(--fms-color-primary);
   or color: var(--fms-color-gray-dark); in your theme styles later.
*/