:root {
  // Individual font sizes for each text element
  --a11y-h1-font-size: 45px;
  --a11y-h1-font-weight: 700;
  
  --a11y-h2-font-size: 22px;
  --a11y-h2-font-weight: 600;
  
  --a11y-h3-font-size: 31px;
  --a11y-h3-font-weight: 500;
  
  --a11y-h4-font-size: 16px;
  --a11y-h4-font-weight: 400;
  
  --a11y-h5-font-size: 22px;
  --a11y-h5-font-weight: 500;
  
  --a11y-h6-font-size: 18px;
  --a11y-h6-font-weight: 500;

  --a11y-h4-title-font-size: 1.5rem;
  
  --a11y-p-font-size: 18px;
  --a11y-p-font-weight: 400;

  --a11y-account-font-size: 14px;
  --a11y-account-font-weight: 400;
  
  --a11y-span-font-size: 18px;
  --a11y-span-font-weight: 400;
  
  --a11y-li-font-size: 14px;
  --a11y-li-font-weight: 400;

  --a11y-header-li-font-size: 12px;
  --a11y-header-li-font-weight: bold;

  --ally-req-doc-list-li-font-size: 18px;
  --ally-declaration-font-size: 17px;
  
  --a11y-blockquote-font-size: 20px;
  --a11y-blockquote-font-weight: 400;
  
  --a11y-strong-font-size: 18px;
  --a11y-strong-font-weight: 700;
  
  --a11y-em-font-size: 18px;
  --a11y-em-font-weight: 400;
  
  --a11y-small-font-size: 14px;
  --a11y-small-font-weight: 400;
  
  --a11y-code-font-size: 16px;
  --a11y-code-font-weight: 400;
  
  --a11y-pre-font-size: 16px;
  --a11y-pre-font-weight: 400;
  
  --a11y-label-font-size: 15px;
  --a11y-label-font-weight: 500;
  
  --a11y-button-font-size: 16px;
  --a11y-button-font-weight: 500;
  
  --a11y-input-font-size: 16px;
  --a11y-input-font-weight: 400;
  
  --a11y-table-font-size: 16px;
  --a11y-table-font-weight: 400;
  
  --a11y-caption-font-size: 14px;
  --a11y-caption-font-weight: 400;
  
  // Light theme 

  --a11y-background-color: #f8f8f8;
  --a11y-surface-color: #f5f5f5;
  --a11y-panel-bg: #ffffff;
  --a11y-subpanel-bg: #ffffff;
  --a11y-note-bg: #f8f9fc;
  --a11y-box-color: #fff;
  --a11y-header-bg: #f5f5f5;
  --a11y-secondary-bg: #f8fafc;
  --a11y-li-hover-bg: #f8f9fa;
  --a11y-hover-bg: #f8f9fa;
  --a11y-hover-color: #0059c1;
  --a11y-icon-hover-bg: #ececec;
  --a11y-avatar-bg: #e5e5e5;
  --a11y-plan-border-color: #ebebeb;

  --a11y-text-color: #898989;
  --a11y-title-color: #1f1f1f;
  --a11y-strong-color: #1f1f1f;
  --a11y-text-secondary: #555;
  --a11y-text-disabled: #999999;
  --a11y-span-text-color: #fff;
  --ally-dropdown-bg: #fff;
  --a11y-input-text-color: #898989;
  --a11y-input-background-color: #fff;
  --a11y-arrow-color: #000;

  --a11y-border-color: #e0e0e0;
  --a11y-divider-color: #e0e0e0;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --a11y-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --a11y-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}

// Dark theme
[data-a11y-theme="dark"] {
  --a11y-background-color: #121212;
  --a11y-surface-color: #1e1e1e;
  --a11y-box-color: #1e1e1e;
  --a11y-panel-bg: #1e1e1e;
  --a11y-subpanel-bg: #313131;
  --a11y-note-bg: #1e1e1e;
  --a11y-header-bg: #2a2a2a;
  --a11y-secondary-bg: #313131;
  --a11y-hover-bg: #252525;
  --a11y-li-hover-bg: #252525;
  --a11y-hover-color: #55a3ff;
  --a11y-icon-hover-bg: #3b3b3b;
  --a11y-avatar-bg: #313131;
  --a11y-plan-border-color: #ebebeb;

  --a11y-text-color: #e0e0e0;
  --a11y-title-color: #e0e0e0;
  --a11y-strong-color: #b0b0b0;
  --a11y-text-secondary: #b0b0b0;
  --a11y-text-disabled: #707070;
  --a11y-arrow-color: #fff;
  --a11y-input-text-color: #888888;
  --a11y-input-background-color: #121212;
  --a11y-span-text-color: #000;
  --ally-dropdown-bg: #000;

  --a11y-border-color: #333333;
  --a11y-divider-color: #333333;

  --a11y-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --a11y-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --a11y-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
}

// High Contrast Mode
[data-a11y-high-contrast="true"] {
  --a11y-background-color: #000000;
  --a11y-surface-color: #000000;
  --a11y-panel-bg: #000000;
  --a11y-header-bg: #000000;
  --a11y-secondary-bg: #1a1a1a;
  --a11y-hover-bg: #2a2a2a;
  --a11y-li-hover-bg:#2a2a2a;

  --a11y-text-color: #ffffff;
  --a11y-text-secondary: #ffffff;
  --a11y-text-disabled: #cccccc;

  --a11y-border-color: #ffffff;
  --a11y-divider-color: #ffffff;

  --a11y-primary-color: #414141;
  --a11y-primary-color-dark: #181818;
  --a11y-primary-color-light: #2c2c2c;

  --a11y-success-color: #00ff00;
  --a11y-warning-color: #ffff00;
  --a11y-error-color: #ff0000;
  --a11y-info-color: #00ffff;

  --a11y-shadow-sm: 0 0 0 1px #ffffff;
  --a11y-shadow-md: 0 0 0 2px #ffffff;
  --a11y-shadow-lg: 0 0 0 3px #ffffff;
  
  // Increase font weights for better readability in high contrast
  --a11y-h1-font-weight: 800;
  --a11y-h2-font-weight: 700;
  --a11y-h3-font-weight: 700;
  --a11y-h4-font-weight: 600;
  --a11y-h5-font-weight: 600;
  --a11y-h6-font-weight: 600;
  --a11y-p-font-weight: 500;
  --a11y-li-font-weight: 500;
  --a11y-button-font-weight: 700;
  --a11y-label-font-weight: 600;
}

// High Contrast + Dark Theme
[data-a11y-theme="dark"][data-a11y-high-contrast="true"] {
  --a11y-background-color: #000000;
  --a11y-text-color: #ffffff;
  --a11y-primary-color: #1f1f1f;
}

// Global base styles with accessibility support
.a11y-enabled * {
  box-sizing: border-box;
}

body.a11y-enabled {
  font-family: "IBM Plex Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--a11y-text-color);
  background-color: var(--a11y-background-color);
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 0;
  padding: 0;
}

// .account{
//   background-color: var(--a11y-background-color);
// }

// Typography styles with individual sizing
.a11y-enabled {
  h1 {
    font-size: var(--a11y-h1-font-size);
    font-weight: var(--a11y-h1-font-weight);
    color: var(--a11y-text-color);
    margin: 0.67em 0;
  }

  h2 {
    font-size: var(--a11y-h2-font-size);
    font-weight: var(--a11y-h2-font-weight);
    color: var(--a11y-text-color);
    margin: 0.75em 0;
  }

  h3 {
    font-size: var(--a11y-h3-font-size);
    font-weight: var(--a11y-h3-font-weight);
    color: var(--a11y-text-color);
    // margin: 0.83em 0;
  }

  h4 {
    font-size: var(--a11y-h4-font-size);
    font-weight: var(--a11y-h4-font-weight);
    color: var(--a11y-text-color);
  }

  h5 {
    font-size: var(--a11y-h5-font-size);
    font-weight: var(--a11y-h5-font-weight);
    color: var(--a11y-text-color);
    margin: 1.17em 0;
  }

  h6 {
    font-size: var(--a11y-h6-font-size);
    font-weight: var(--a11y-h6-font-weight);
    color: var(--a11y-text-color);
    margin: 1.33em 0;
  }

  p {
    font-size: var(--a11y-p-font-size);
    font-weight: var(--a11y-p-font-weight);
    color: var(--a11y-text-color);
    // margin: 1em 0;
  }

  .resend_otp{
    color: #000;
  }

  .cancel{
    color: var(--a11y-text-color);
  }

  .blue-btn{
    color: white;
  }

  .notes-card{
    background-color: var(--a11y-note-bg);
  }

  .notes-card h4, ul{
        color: var(--a11y-text-color);
  }

  span {
    font-size: var(--a11y-span-font-size);
    font-weight: var(--a11y-span-font-weight);
    color: var(--a11y-input-text-color);
  }

  .arrow{
    color: var(--a11y-arrow-color);
    font-size: 12px;
  }

  .avatar{
    color: white;
  }

  .declaration{
    font-size: var(--ally-declaration-font-size);
  }

  .main-box{
    background: var(--a11y-panel-bg);
  }

  .req-doc-list ul li{
    font-size: var(--ally-req-doc-list-li-font-size);
  }

  .tab-number{
    background: #c4c4c4;
  }

  .custom-radio label{
    font-size: 18px;
  }

  .setup-tabs .nav-link.completed .tab-label,
  .document-upload-tabs .nav-tabs .nav-item .nav-link.completed .tab-label{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #28a745;
  }

  .setup-tabs .nav-link.active .tab-label{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #db202f;
  }

  .opt-expire{
    color: #898989;
  } 

  .nav-tabs .nav-link.active, .preference-card.selected, .preference-card{
    background: var(--a11y-subpanel-bg);
  }

  .setup-tabs .nav-link:hover:not(.disabled), .doc-tabs .nav-link:hover:not(.disabled){
    background: var(--a11y-li-hover-bg);
  }

  .preference-title{
    color: var(--a11y-text-color)
  }

  .a11y-enabled .active .short-desc {
    font-size: 14px;
    color: var(--a11y-text-color)
  }

  .preference-description{
    color: #898989
  }

  .preference-card.selected, .preference-card:hover{
    background: var(--ally-hover-bg);
  }

  .dropdown-menu li{
    color: var(--a11y-text-secondary);
    font-size: var(--a11y-header-li-font-size);
    font-weight: bold;
  }

  // .preference-title{
  //   color: var(--a11y-title-color);
  // }

  .dropdown-menu li:hover{
    background: var(--a11y-hover-bg);
  }

  .submenu li {
    padding-left: 0px;
    border: 0px solid transparent;
    font-weight: normal;
  }

  .plan-detail h3 {
    font-weight: 700;
    font-size: 20px;
    color: #0673ba;
    margin: 0;
}

.plan-price span {
    font-size: 20px;
    color: #0673ba;
    font-weight: 600;
}

//   .setup-tabs .nav-link.completed, .doc-tabs .nav-link.completed {
//     font-size: var(--a11y-span-font-size);
//     font-weight: var(--a11y-span-font-weight);
//     line-height: var(--a11y-span-line-height);
//     color: #28a745;
// }

.plan-detail .short-desc{
    color: var(--a11y-text-color);
    font-size: 14px;
}

.plan-detail{
  border: 1px solid var(--a11y-plan-border-color);
}

.btn-outline-dark{
    background: var(--a11y-background-color);
    color: var(--a11y-text-color);
}

  .setup-tabs .nav-link.active .tab-number{
    color: #fff;
    border-bottom-color: #db202f;
    font-size: 14px;
    font-weight: 600;
  }

  .setup-tabs .nav-link.completed .tab-number{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
  }

  .setup-tabs .nav-link.disabled .tab-number {
  color: #464646;
}

  .input-group-text{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
  }

  .modal-header .modal-title{
    font-size: var(--a11y-h4-title-font-size);
  }

  .modal-content{
    background-color: var(--a11y-subpanel-bg);
  }

  .disabled span{
    color: var(--a11y-text-color);
    font-size: 14px;
    font-weight: 600;
  }

  .dropdown-menu{
    background: var(--ally-dropdown-bg);
  }

  .total-amount label, .total-amount span {
    font-size: 20px;
    font-weight: 600;
    color: #696969;
}
  
  li {
    font-size: var(--a11y-li-font-size);
    font-weight: var(--a11y-li-font-weight);
    color: var(--a11y-text-color);
  }

  blockquote {
    font-size: var(--a11y-blockquote-font-size);
    font-weight: var(--a11y-blockquote-font-weight);
    color: var(--a11y-text-secondary);
    border-left: 5px solid var(--a11y-primary-color);
    padding-left: 1rem;
    margin: 1.5em 0;
    font-style: italic;
  }

  strong, b {
    font-size: var(--a11y-strong-font-size);
    font-weight: var(--a11y-strong-font-weight);
    color: var(--a11y-text-color);
  }

  em {
    font-size: var(--a11y-em-font-size);
    font-weight: var(--a11y-em-font-weight);
    color: var(--a11y-text-color);
  }

  i {
    font-size: var(--a11y-em-font-size);
    font-weight: var(--a11y-em-font-weight);
    color: var(--a11y-arrow-color);
  }
  
  small {
    font-size: var(--a11y-small-font-size);
    font-weight: var(--a11y-small-font-weight);
    color: var(--a11y-text-secondary);
  }

  code {
    font-size: var(--a11y-code-font-size);
    font-weight: var(--a11y-code-font-weight);
    font-family: "IBM Plex Sans", sans-serif;
    background-color: var(--a11y-surface-color);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    color: var(--a11y-text-color);
  }

  pre {
    font-size: var(--a11y-pre-font-size);
    font-weight: var(--a11y-pre-font-weight);
    font-family: "IBM Plex Sans", sans-serif;
    background-color: var(--a11y-surface-color);
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
    color: var(--a11y-text-color);
    line-height: 1.5;
    
    code {
      background-color: transparent;
      padding: 0;
    }
  }

  label {
    font-size: var(--a11y-label-font-size);
    // font-weight: var(--a11y-label-font-weight);
    color: #898989;
    // display: block;
  }

  .form-control{
    color: var(--a11y-input-text-color);
  }

  a {
    color: var(--a11y-span-text-color);
    text-decoration: none;
    transition: color 0.2s ease;
    // font-size: inherit;

    //&:hover {
    //  color: var(--a11y-primary-color-dark);
    //}

   // &:focus {
    //  outline: 2px solid var(--a11y-primary-color);
      outline-offset: 2px;
    //}
  }

  .a11y-enabled a img{
    color: var(--a11y-arrow-color);
  }

  button {
    font-size: var(--a11y-button-font-size);
    font-weight: var(--a11y-button-font-weight);
    font-family: inherit;
    cursor: pointer;
  }

  input, textarea, select {
    // font-size: var(--a11y-input-font-size);
    font-weight: var(--a11y-input-font-weight);
    font-family: inherit;
    color: var(--a11y-text-color);
    background-color: var(--a11y-input-background-color);
    border: 1px solid var(--a11y-border-color);
    padding: 0.5em;
    border-radius: 4px;
    
    &:focus {
    //   outline: 2px solid var(--a11y-primary-color);
      outline-offset: 0;
      border-color: var(--a11y-primary-color);
    }

    &::placeholder {
      color: var(--a11y-text-disabled);
    }
  }

  // Tables
  table {
    font-size: var(--a11y-table-font-size);
    font-weight: var(--a11y-table-font-weight);
    border-collapse: collapse;
    width: 100%;
    color: var(--a11y-title-color);
    
    th, td {
      padding: 0.75em;
      text-align: left;
      // border-bottom: 1px solid var(--a11y-border-color);
    }
    
    th {
      font-weight: 600;
      background-color: var(--a11y-subpanel-bg);
    }
  }

  .preview-section, .editor-actions, .uploaded-file-card, .video-subpanel{
    background-color: var(--a11y-subpanel-bg);
  }

  .preview-content, .pdf-pages-workspace{
    background-color: var(--a11y-surface-color);
  }

  .editor-hint{
    color: var(--a11y-text-color);
  }

  .video-container{
    background-color: var(--a11y-background-color);
  }

  .accessibility_btn{
    color: #0673ba;
  }

  caption {
    font-size: var(--a11y-caption-font-size);
    font-weight: var(--a11y-caption-font-weight);
    color: var(--a11y-text-secondary);
    text-align: left;
    padding: 0.5em 0;
  }

  // Lists
  ul, ol {
    color: var(--a11y-text-color);
  }

  // Definition lists
  dl {
    dt {
      font-weight: 600;
      font-size: var(--a11y-p-font-size);
      color: var(--a11y-text-color);
      margin-top: 1em;
    }
    
    dd {
      font-size: var(--a11y-p-font-size);
      color: var(--a11y-text-color);
      margin-left: 2em;
      margin-bottom: 1em;
    }
  }

  // Focus styles for better accessibility
  :focus-visible {
    // outline: 3px solid var(--a11y-primary-color);
    outline-offset: 2px;
  }
}

// High contrast specific adjustments
[data-a11y-high-contrast="true"] {
  .a11y-enabled {
    a {
      text-decoration: underline;
      font-weight: 600;
    }

    button, input, textarea, select, .main-box {
      border: 2px solid var(--a11y-text-color);
    }
  }

  :focus-visible {
    outline: 4px solid var(--a11y-primary-color);
    outline-offset: 3px;
  }
}

// Utility classes for custom font sizes
.a11y-text-xs { font-size: 12px; }
.a11y-text-sm { font-size: 14px; }
.a11y-text-base { font-size: 16px; }
.a11y-text-lg { font-size: 18px; }
.a11y-text-xl { font-size: 20px; }
.a11y-text-2xl { font-size: 24px; }
.a11y-text-3xl { font-size: 30px; }
.a11y-text-4xl { font-size: 36px; }
.a11y-text-5xl { font-size: 48px; }

// Utility classes for font weights
.a11y-font-light { font-weight: 300; }
.a11y-font-normal { font-weight: 400; }
.a11y-font-medium { font-weight: 500; }
.a11y-font-semibold { font-weight: 600; }
.a11y-font-bold { font-weight: 700; }
.a11y-font-extrabold { font-weight: 800; }

// Blue Theme - Darker
[data-a11y-color-theme="blue"] {
  --a11y-background-color: #bbdefb;
  --a11y-surface-color: #90caf9;
  --a11y-panel-bg: #e3f2fd;
  --a11y-subpanel-bg: #d1e9f6;
  --a11y-box-color: #e3f2fd;
  --a11y-header-bg: #bbdefb;
  --a11y-secondary-bg: #c5e1f7;
  --a11y-hover-bg: #ddf1fd;
  --a11y-li-hover-bg:#d9eafb;
  --a11y-avatar-bg: #85cef7;
  --a11y-plan-border-color: #99cae5;

  --a11y-text-color: #1565c0;
  --a11y-title-color: #0d47a1;
  --a11y-text-secondary: #1976d2;
  --a11y-text-disabled: #64b5f6;
  --a11y-span-text-color: #2196f3;
  --a11y-input-text-color: #1565c0;
  --a11y-arrow-color: #0d47a1;

  --a11y-border-color: #64b5f6;
  --a11y-divider-color: #90caf9;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(33, 150, 243, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(33, 150, 243, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(33, 150, 243, 0.25);
}

// Green Theme - Darker
[data-a11y-color-theme="green"] {
  --a11y-background-color: #c8e6c9;
  --a11y-surface-color: #a5d6a7;
  --a11y-panel-bg: #e8f5e9;
  --a11y-subpanel-bg: #d7f0db;
  --a11y-box-color: #e8f5e9;
  --a11y-header-bg: #c8e6c9;
  --a11y-secondary-bg: #d4edd6;
  --a11y-hover-bg: #e4f5e5;
  --a11y-li-hover-bg:#daefdb;
  --a11y-avatar-bg: #9fdfa2;
  --a11y-plan-border-color: #9fdfa2;

  --a11y-text-color: #2e7d32;
  --a11y-title-color: #1b5e20;
  --a11y-text-secondary: #388e3c;
  --a11y-text-disabled: #66bb6a;
  --a11y-span-text-color: #4caf50;
  --a11y-input-text-color: #2e7d32;
  --a11y-arrow-color: #1b5e20;

  --a11y-border-color: #81c784;
  --a11y-divider-color: #a5d6a7;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(76, 175, 80, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(76, 175, 80, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(76, 175, 80, 0.25);
}

// Purple Theme - Darker
[data-a11y-color-theme="purple"] {
  --a11y-background-color: #e1bee7;
  --a11y-surface-color: #ce93d8;
  --a11y-panel-bg: #f3e5f5;
  --a11y-subpanel-bg: #ead5ef;
  --a11y-box-color: #f3e5f5;
  --a11y-header-bg: #e1bee7;
  --a11y-secondary-bg: #e8cbed;
  --a11y-hover-bg: #f6ebf8;
  --a11y-li-hover-bg:#ecdaef;
  --a11y-avatar-bg: #d5a2df;
  --a11y-plan-border-color: #d5a2df;

  --a11y-text-color: #6a1b9a;
  --a11y-title-color: #4a148c;
  --a11y-text-secondary: #7b1fa2;
  --a11y-text-disabled: #ab47bc;
  --a11y-span-text-color: #9c27b0;
  --a11y-input-text-color: #6a1b9a;
  --a11y-arrow-color: #4a148c;

  --a11y-border-color: #ba68c8;
  --a11y-divider-color: #ce93d8;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(156, 39, 176, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(156, 39, 176, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(156, 39, 176, 0.25);
}

// Orange Theme - Darker
[data-a11y-color-theme="orange"] {
  --a11y-background-color: #ffe0b2;
  --a11y-surface-color: #ffcc80;
  --a11y-panel-bg: #fff3e0;
  --a11y-subpanel-bg: #ffe9c7;
  --a11y-box-color: #fff3e0;
  --a11y-header-bg: #ffe0b2;
  --a11y-secondary-bg: #ffe6bd;
  --a11y-hover-bg: #fff4e2;
  --a11y-li-hover-bg:#fdebcc;
  --a11y-avatar-bg: #ffd290;
  --a11y-plan-border-color: #ffd290;


  --a11y-text-color: #e65100;
  --a11y-title-color: #bf360c;
  --a11y-text-secondary: #f57c00;
  --a11y-text-disabled: #ffa726;
  --a11y-span-text-color: #ff9800;
  --a11y-input-text-color: #e65100;
  --a11y-arrow-color: #bf360c;

  --a11y-border-color: #ffb74d;
  --a11y-divider-color: #ffcc80;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(255, 152, 0, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(255, 152, 0, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(255, 152, 0, 0.25);
}

// Red Theme - Darker
[data-a11y-color-theme="red"] {
  --a11y-background-color: #ffcdd2;
  --a11y-surface-color: #ef9a9a;
  --a11y-panel-bg: #ffebee;
  --a11y-subpanel-bg: #ffdde0;
  --a11y-box-color: #ffebee;
  --a11y-header-bg: #ffcdd2;
  --a11y-secondary-bg: #ffd6d9;
  --a11y-hover-bg: #ffe7e9;
  --a11y-li-hover-bg:#f9dfe1;
  --a11y-avatar-bg: #ffb4b9;
  --a11y-plan-border-color: #ffb4b9;

  --a11y-text-color: #c62828;
  --a11y-title-color: #b71c1c;
  --a11y-text-secondary: #d32f2f;
  --a11y-text-disabled: #e57373;
  --a11y-span-text-color: #f44336;
  --a11y-input-text-color: #c62828;
  --a11y-arrow-color: #b71c1c;

  --a11y-border-color: #e57373;
  --a11y-divider-color: #ef9a9a;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(244, 67, 54, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(244, 67, 54, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(244, 67, 54, 0.25);
}

// Teal Theme - Darker
[data-a11y-color-theme="teal"] {
  --a11y-background-color: #b2dfdb;
  --a11y-surface-color: #80cbc4;
  --a11y-panel-bg: #e0f2f1;
  --a11y-subpanel-bg: #ceeae8;
  --a11y-box-color: #e0f2f1;
  --a11y-header-bg: #b2dfdb;
  --a11y-secondary-bg: #c1e5e2;
  --a11y-hover-bg: #dbfffc;
  --a11y-li-hover-bg:#c7efec;
  --a11y-avatar-bg: #92d5ce;
  --a11y-plan-border-color: #92d5ce;

  --a11y-text-color: #00695c;
  --a11y-title-color: #004d40;
  --a11y-text-secondary: #00796b;
  --a11y-text-disabled: #26a69a;
  --a11y-span-text-color: #009688;
  --a11y-input-text-color: #00695c;
  --a11y-arrow-color: #004d40;

  --a11y-border-color: #4db6ac;
  --a11y-divider-color: #80cbc4;

  --a11y-success-color: #4CAF50;
  --a11y-warning-color: #FF9800;
  --a11y-error-color: #F44336;
  --a11y-info-color: #2196F3;

  --a11y-shadow-sm: 0 1px 2px rgba(0, 150, 136, 0.15);
  --a11y-shadow-md: 0 4px 6px rgba(0, 150, 136, 0.2);
  --a11y-shadow-lg: 0 10px 15px rgba(0, 150, 136, 0.25);
}