/* Add only font sizes or weight */
:root {
  /* font sizes */
    --font-size-small: 12px;
    --font-size-medium: 22px;
    --font-size-root: 14px;
    --font-size-mobile-nav: 14px;
    --font-size-16: 16px;
    --font-size-h3: 20px;
    --contact-banner-font-size:11px;
    --font-size-h1-small:26px;
    --font-size-h1-large:34px;
    /* font-weight */
    --font-weight-notes:500;


    
  /* Font Families */
  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;

  /* Existing color variables */
  --color-text-primary: #191919;
  --color-background-light: #F2F2F2;
  --color-accent-purple: #AE8FFD;
  --color-border-light: #C8C8C8;
  --color-border-gray: #BABABA;
  --color-button-primary: #4A25AA;
  --color-text-white: #FFFFFF;

  /* New Colors */
  --color-background-hover: #E4DDF7; /* Added for hover effect */
  --color-text-gray: #4E4E4E; /* Added for category details */
  --color-accent-yellow: #FFC107; /* Added for dotted border under h2 */
  --color-light-purple:#0C78C7;


    /* Orange Theme Colors */
    --color-orange-light: #fff8ec;
    --color-orange-medium: #ffeccc;
    --color-orange-dark: #ffe2b4;
    
    /* Blue Theme Colors */
    --color-blue-light: #f4f9fc;
    --color-blue-medium: #e5f5fc;
    --color-blue-dark: #d2eefd;
    --color-blue-darker: #b4e1f8;
    
    /* Purple Theme Colors */
    --color-purple-light: #f8f5ff;
    --color-purple-medium: #f1ebff;
    --color-purple-dark: #e7deff;
    --color-purple-darker: #d9cbff;
}