/* GRC Consulting Theme - Global Styles */

:root {
  /* Brand Colors */
  --brand-primary: #1B264F;
  --brand-dark: #0F1629;
  --brand-light: #E8EAEF;
  --brand-accent: #3B82F6;
  --brand-neutral: #64748B;
  
  /* Typography Scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
}

/* Required CMS Classes - Primary */
.cms-bg-primary {
  background-color: var(--brand-primary) !important;
}
.cms-text-primary {
  color: var(--brand-primary) !important;
}
.cms-border-primary {
  border-color: var(--brand-primary) !important;
}

/* Required CMS Classes - Dark */
.cms-bg-dark {
  background-color: var(--brand-dark) !important;
}
.cms-text-dark {
  color: var(--brand-dark) !important;
}
.cms-border-dark {
  border-color: var(--brand-dark) !important;
}

/* Required CMS Classes - Light */
.cms-bg-light {
  background-color: var(--brand-light) !important;
}
.cms-text-light {
  color: var(--brand-light) !important;
}
.cms-border-light {
  border-color: var(--brand-light) !important;
}

/* Required CMS Classes - Accent */
.cms-bg-accent {
  background-color: var(--brand-accent) !important;
}
.cms-text-accent {
  color: var(--brand-accent) !important;
}
.cms-border-accent {
  border-color: var(--brand-accent) !important;
}

/* Required CMS Classes - Neutral */
.cms-bg-neutral {
  background-color: var(--brand-neutral) !important;
}
.cms-text-neutral {
  color: var(--brand-neutral) !important;
}
.cms-border-neutral {
  border-color: var(--brand-neutral) !important;
}

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Base Typography */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  color: var(--brand-dark);
  background-color: white;
}

/* Global Link Styles */
a {
  color: var(--brand-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--brand-primary);
}

/* Note: Component-specific styles should be defined within each component file */