/* ==========================================
   VIVID THEME - Bold & Colorful
   Deep purple, hot pink, teal accents. Energetic & modern.
   ========================================== */

:root {
  /* Body */
  --mo-body: #FAFBFC;
  --mo-on-body: #1A1A2E;

  /* Header */
  --mo-header: #ffffff;
  --mo-on-header: #1A1A2E;
  --mo-header-accent: #6C3CE1;
  --mo-on-header-accent: #ffffff;

  /* Offcanvas */
  --mo-offcanvas: #ffffff;
  --mo-on-offcanvas: #1A1A2E;
  --mo-on-offcanvas-accent: #6C3CE1;
  --mo-border-offcanvas: #E5E7EB;

  /* Footer */
  --mo-footer: #1A1A2E;
  --mo-on-footer: #E5E7EB;
  --mo-on-footer-accent: #00D4AA;
  --mo-outline-footer: #2D2D5E;

  /* Search */
  --mo-search: #F3F4F6;
  --mo-on-search: #1A1A2E;
  --mo-outline-search: rgba(108, 60, 225, 0.12);

  /* Pagination */
  --mo-pagination-enabled: #6C3CE1;
  --mo-on-pagination-enabled: #ffffff;
  --mo-pagination-disabled: #E5E7EB;
  --mo-on-pagination-disabled: #9CA3AF;
  --mo-pagination-accent: #E91E63;
  --mo-on-pagination-accent: #ffffff;

  /* Separator */
  --mo-separator: #E5E7EB;
  --mo-on-separator: #1A1A2E;
  --mo-separator-link: #6C3CE1;
  --mo-on-separator-link: #ffffff;

  /* Social */
  --mo-social-item: #6C3CE1;
  --mo-on-social-item: #ffffff;

  /* Hero */
  --mo-hero: #F5F3FF;
  --mo-on-hero: #1A1A2E;
  --mo-on-hero-title: #1A1A2E;
  --mo-on-hero-link: #6C3CE1;
  --mo-on-hero-link-accent: #E91E63;

  /* Landing */
  --mo-landing: #6C3CE1;
  --mo-on-landing: #ffffff;
  --mo-on-landing-title: #ffffff;
  --mo-on-landing-link: #00D4AA;
  --mo-on-landing-link-accent: #FFD166;

  /* Category */
  --mo-category: #F5F3FF;
  --mo-on-category: #ffffff;

  /* Entry */
  --mo-entry: #ffffff;
  --mo-on-entry: #374151;
  --mo-entry-title: #1A1A2E;
  --mo-on-entry-title: #1A1A2E;
  --mo-on-entry-link: #6C3CE1;
  --mo-on-entry-link-accent: #E91E63;

  /* Preview */
  --mo-preview: #F5F3FF;
  --mo-on-preview: #6B7280;
  --mo-on-preview-title: #1A1A2E;
  --mo-on-preview-title-accent: #E91E63;

  /* FAQ */
  --mo-faq: #F9FAFB;
  --mo-on-faq: #374151;
  --mo-faq-accent: #F5F3FF;
  --mo-on-faq-accent: #1A1A2E;

  /* Actions */
  --mo-on-action: #6C3CE1;
  --mo-action-accent: #E91E63;
  --mo-on-action-accent: #ffffff;

  /* Article */
  --mo-article: #ffffff;
  --mo-on-article: #374151;
  --mo-article-heading: #6C3CE1;
  --mo-on-article-heading: #6C3CE1;
  --mo-article-note: #F5F3FF;
  --mo-on-article-note: #1A1A2E;
  --mo-outline-article-note: #6C3CE1;
  --mo-on-article-link: #6C3CE1;
  --mo-on-article-link-accent: #E91E63;
  --mo-article-recommendations: #F0FDF4;
  --mo-on-article-recommendations: #374151;
  --mo-on-article-recommendations-title: #00D4AA;
  --mo-outline-article-recommendations: #BBF7D0;

  /* Author */
  --mo-author: #F5F3FF;
  --mo-on-author: #1A1A2E;
  --mo-outline-author: #6C3CE1;

  /* Related Entry */
  --mo-related-entry: #F5F3FF;
  --mo-on-related-entry: #1A1A2E;
  --mo-on-related-entry-accent: #E91E63;

  /* Recipe */
  --mo-recipe: #F0FDF4;
  --mo-on-recipe: #374151;
  --mo-on-recipe-title: #1A1A2E;
  --mo-on-recipe-highlight: #6B7280;
  --mo-on-recipe-link: #6C3CE1;
  --mo-on-recipe-link-accent: #E91E63;
  --mo-recipe-separator: #BBF7D0;
  --mo-on-recipe-separator: #374151;
  --mo-recipe-number: #E91E63;
  --mo-on-recipe-number: #ffffff;

  /* Contact */
  --mo-contact: #F5F3FF;
  --mo-on-contact: #374151;
  --mo-on-contact-title: #1A1A2E;
  --mo-on-contact-subtitle: #6C3CE1;

  /* Keypoints */
  --mo-keypoints-card: #ffffff;
  --mo-on-keypoints-card: #374151;
  --mo-keypoints-card-svg: #F5F3FF;
  --mo-on-keypoints-card-svg: #6C3CE1;

  /* Chip/Tag */
  --mo-chip: #F5F3FF;
  --mo-on-chip: #6C3CE1;

  /* Utilities */
  --mo-surface-alt: #F5F3FF;
  --mo-border-light: #E5E7EB;
  --mo-surface-glass: rgba(255,255,255,.95);
  --mo-shadow-soft: rgba(108,60,225,.06);
  --mo-shadow-medium: rgba(108,60,225,.1);
  --mo-shadow-strong: rgba(108,60,225,.18);
  --mo-shadow-heavy: rgba(0,0,0,.24);
  --mo-shadow-accent: rgba(233,30,99,.2);
  --mo-shadow-accent-hover: rgba(233,30,99,.35);
  --mo-shadow-secondary: rgba(0,212,170,.12);
  --mo-overlay-dark: rgba(26,26,46,.8);
  --mo-toggle-track: #D1D5DB;
  --mo-text-muted: #6B7280;

  /* Form States */
  --mo-form-success-bg: #D1FAE5;
  --mo-form-success-text: #065F46;
  --mo-form-success-border: #6EE7B7;
  --mo-form-error-bg: #FEE2E2;
  --mo-form-error-text: #991B1B;
  --mo-form-error-border: #FCA5A5;

  /* Hero Tags */
  --mo-hero-tag-bg: #EDE9FE;
  --mo-hero-tag-text: #6C3CE1;
  --mo-hero-tag-border: #C4B5FD;

  /* Typography */
  --mo-font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mo-font-size: 1.2rem;
  --mo-line-height: 1.65;
  --mo-icon-dimen: 1em;

  /* Spacing */
  --mo-space: 3.2rem;
  --mo-gap: 1.6rem;
  --mo-spacing: 1.1rem;
  --mo-breadcrumb-delimiter: " › ";

}