/* ============================================================
   ConnectSoft Company Documentation - Custom Overrides
   
   This file is for project-specific customizations that override
   the base design system styles.
   
   IMPORTANT: This file loads LAST, so it can override any styles
   from the modular design system files.
   
   To make styling changes:
   1. Design tokens (colors, spacing, etc.) → Edit styles/tokens.css
   2. Typography → Edit styles/typography.css
   3. Components (admonitions, tables, etc.) → Edit styles/components.css
   4. Utility classes → Edit styles/utilities.css
   5. Alternative palettes → Edit styles/palettes.css
   6. Project-specific overrides → Edit this file (custom.css)
   ============================================================ */

/* ============================================================
   Project-Specific Overrides
   Add any customizations specific to this documentation site here
   ============================================================ */

/* Example: Custom header styling */
/*
.md-header {
  background: linear-gradient(135deg, hsl(var(--brand-primary)) 0%, hsl(var(--brand-primary-hover)) 100%);
}
*/

/* Example: Custom content area styling */
/*
.md-content__inner {
  max-width: 1200px;
  margin: 0 auto;
}
*/

/* Example: Custom component styling */
/*
.md-typeset .admonition.note {
  border-left-width: 4px;
}
*/

/* Example: Custom utility classes */
/*
.my-custom-class {
  background-color: hsl(var(--brand-primary));
  color: white;
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
}
*/