/* White-label CSS Variables (production version) */
:root {
  --color-primary: #667E99;
  --color-secondary: #5000FF;
  --color-tertiary: #26D99A;
  --color-warning: #F9B706;
  --color-success: #40BF45;
  --color-error: #E61A20;
  --color-text: #14191F;
  --color-background: #FFFFFF;
  --color-primary-15: #1f262e;
  --color-primary-20: #29323d;
  --color-primary-30: #3d4c5c;
  --color-primary-40: #52657a;
  --color-primary-50: #667e99;
  --color-primary-60: #8598ad;
  --color-primary-70: #a3b2c2;
  --color-primary-80: #c2cbd6;
  --color-primary-90: #e0e5eb;
  --color-primary-95: #f0f2f5;
  --color-primary-98: #f9fafb;

  --color-secondary-15: #18004d;
  --color-secondary-20: #200066;
  --color-secondary-30: #300099;
  --color-secondary-40: #4000cc;
  --color-secondary-50: #5000ff;
  --color-secondary-60: #7333ff;
  --color-secondary-70: #9666ff;
  --color-secondary-80: #b999ff;
  --color-secondary-90: #dcccff;
  --color-secondary-95: #ede5ff;
  --color-secondary-98: #f8f5ff;

  --color-tertiary-15: #0b412e;
  --color-tertiary-20: #0f573e;
  --color-tertiary-30: #17825c;
  --color-tertiary-40: #1eae7b;
  --color-tertiary-50: #26d99a;
  --color-tertiary-60: #51e1ae;
  --color-tertiary-70: #7de8c2;
  --color-tertiary-80: #a8f0d7;
  --color-tertiary-90: #d4f7eb;
  --color-tertiary-95: #e9fbf5;
  --color-tertiary-98: #f6fdfb;

  --color-success-15: #133915;
  --color-success-20: #1a4c1c;
  --color-success-30: #267329;
  --color-success-40: #339937;
  --color-success-50: #40bf45;
  --color-success-60: #66cc6a;
  --color-success-70: #8cd98f;
  --color-success-80: #b3e5b5;
  --color-success-90: #d9f2da;
  --color-success-95: #ecf9ec;
  --color-success-98: #f7fcf8;

  --color-warning-15: #4b3702;
  --color-warning-20: #644902;
  --color-warning-30: #956e04;
  --color-warning-40: #c79205;
  --color-warning-50: #f9b706;
  --color-warning-60: #fac538;
  --color-warning-70: #fbd46a;
  --color-warning-80: #fde29b;
  --color-warning-90: #fef1cd;
  --color-warning-95: #fef8e6;
  --color-warning-98: #fffcf5;

  --color-error-15: #450809;
  --color-error-20: #5c0a0c;
  --color-error-30: #8a0f13;
  --color-error-40: #b81419;
  --color-error-50: #e6191f;
  --color-error-60: #eb474c;
  --color-error-70: #f07579;
  --color-error-80: #f5a3a5;
  --color-error-90: #fad1d2;
  --color-error-95: #fce8e9;
  --color-error-98: #fef6f6;

  --heading-1-size: 48px;
  --heading-1-weight: 700;
  --heading-1-family: Lora, sans-serif;
  --heading-1-line-height: 130%;
  --heading-2-size: 32px;
  --heading-2-weight: 700;
  --heading-2-family: Lora, sans-serif;
  --heading-2-line-height: 138%;
  --heading-3-size: 24px;
  --heading-3-weight: 700;
  --heading-3-family: Lora, sans-serif;
  --heading-3-line-height: 150%;
  --body-1-size: 18px;
  --body-1-weight: 400;
  --body-1-family: Lato, sans-serif;
  --body-1-line-height: 135%;
  --body-2-size: 16px;
  --body-2-weight: 400;
  --body-2-family: Lato, sans-serif;
  --body-2-line-height: 150%;
  --body-3-size: 14px;
  --body-3-weight: 400;
  --body-3-family: Lato, sans-serif;
  --body-3-line-height: 160%;
  --caption-1-size: 12px;
  --caption-1-weight: 400;
  --caption-1-family: Lato, sans-serif;
  --caption-1-line-height: 170%;
  --control-radius: 8px;
  --card-radius: 16px;
  --box-shadow-elevation-1: 0px 4px 12px 0px #14191F0F;
}

/* Class-based theme switching */
.light-theme {
  --color-primary: #667E99;
  --color-secondary: #5000FF;
  --color-tertiary: #26D99A;
  --color-warning: #F9B706;
  --color-success: #40BF45;
  --color-error: #E61A20;
  --color-text: #14191F;
  --color-background: #FFFFFF;
  --color-primary-15: #1f262e;
  --color-primary-20: #29323d;
  --color-primary-30: #3d4c5c;
  --color-primary-40: #52657a;
  --color-primary-50: #667e99;
  --color-primary-60: #8598ad;
  --color-primary-70: #a3b2c2;
  --color-primary-80: #c2cbd6;
  --color-primary-90: #e0e5eb;
  --color-primary-95: #f0f2f5;
  --color-primary-98: #f9fafb;

  --color-secondary-15: #18004d;
  --color-secondary-20: #200066;
  --color-secondary-30: #300099;
  --color-secondary-40: #4000cc;
  --color-secondary-50: #5000ff;
  --color-secondary-60: #7333ff;
  --color-secondary-70: #9666ff;
  --color-secondary-80: #b999ff;
  --color-secondary-90: #dcccff;
  --color-secondary-95: #ede5ff;
  --color-secondary-98: #f8f5ff;

  --color-tertiary-15: #0b412e;
  --color-tertiary-20: #0f573e;
  --color-tertiary-30: #17825c;
  --color-tertiary-40: #1eae7b;
  --color-tertiary-50: #26d99a;
  --color-tertiary-60: #51e1ae;
  --color-tertiary-70: #7de8c2;
  --color-tertiary-80: #a8f0d7;
  --color-tertiary-90: #d4f7eb;
  --color-tertiary-95: #e9fbf5;
  --color-tertiary-98: #f6fdfb;

  --color-success-15: #133915;
  --color-success-20: #1a4c1c;
  --color-success-30: #267329;
  --color-success-40: #339937;
  --color-success-50: #40bf45;
  --color-success-60: #66cc6a;
  --color-success-70: #8cd98f;
  --color-success-80: #b3e5b5;
  --color-success-90: #d9f2da;
  --color-success-95: #ecf9ec;
  --color-success-98: #f7fcf8;

  --color-warning-15: #4b3702;
  --color-warning-20: #644902;
  --color-warning-30: #956e04;
  --color-warning-40: #c79205;
  --color-warning-50: #f9b706;
  --color-warning-60: #fac538;
  --color-warning-70: #fbd46a;
  --color-warning-80: #fde29b;
  --color-warning-90: #fef1cd;
  --color-warning-95: #fef8e6;
  --color-warning-98: #fffcf5;

  --color-error-15: #450809;
  --color-error-20: #5c0a0c;
  --color-error-30: #8a0f13;
  --color-error-40: #b81419;
  --color-error-50: #e6191f;
  --color-error-60: #eb474c;
  --color-error-70: #f07579;
  --color-error-80: #f5a3a5;
  --color-error-90: #fad1d2;
  --color-error-95: #fce8e9;
  --color-error-98: #fef6f6;

  --heading-1-size: 48px;
  --heading-1-weight: 700;
  --heading-1-family: Lora, sans-serif;
  --heading-1-line-height: 130%;
  --heading-2-size: 32px;
  --heading-2-weight: 700;
  --heading-2-family: Lora, sans-serif;
  --heading-2-line-height: 138%;
  --heading-3-size: 24px;
  --heading-3-weight: 700;
  --heading-3-family: Lora, sans-serif;
  --heading-3-line-height: 150%;
  --body-1-size: 18px;
  --body-1-weight: 400;
  --body-1-family: Lato, sans-serif;
  --body-1-line-height: 135%;
  --body-2-size: 16px;
  --body-2-weight: 400;
  --body-2-family: Lato, sans-serif;
  --body-2-line-height: 150%;
  --body-3-size: 14px;
  --body-3-weight: 400;
  --body-3-family: Lato, sans-serif;
  --body-3-line-height: 160%;
  --caption-1-size: 12px;
  --caption-1-weight: 400;
  --caption-1-family: Lato, sans-serif;
  --caption-1-line-height: 170%;
  --control-radius: 8px;
  --card-radius: 16px;
  --box-shadow-elevation-1: 0px 4px 12px 0px #14191F0F;
}

.dark-theme {
  --color-primary: #667E99;
  --color-secondary: #5000FF;
  --color-tertiary: #26D99A;
  --color-warning: #F9B706;
  --color-success: #40BF45;
  --color-error: #E61A20;
  --color-text: #14191F;
  --color-background: #FFFFFF;
  --color-primary-15: #f9fafb;
  --color-primary-20: #f0f2f5;
  --color-primary-30: #e0e5eb;
  --color-primary-40: #c2cbd6;
  --color-primary-50: #a3b2c2;
  --color-primary-60: #8598ad;
  --color-primary-70: #667e99;
  --color-primary-80: #52657a;
  --color-primary-90: #3d4c5c;
  --color-primary-95: #29323d;
  --color-primary-98: #1f262e;

  --color-secondary-15: #f8f5ff;
  --color-secondary-20: #ede5ff;
  --color-secondary-30: #dcccff;
  --color-secondary-40: #b999ff;
  --color-secondary-50: #9666ff;
  --color-secondary-60: #7333ff;
  --color-secondary-70: #5000ff;
  --color-secondary-80: #4000cc;
  --color-secondary-90: #300099;
  --color-secondary-95: #200066;
  --color-secondary-98: #18004d;

  --color-tertiary-15: #f6fdfb;
  --color-tertiary-20: #e9fbf5;
  --color-tertiary-30: #d4f7eb;
  --color-tertiary-40: #a8f0d7;
  --color-tertiary-50: #7de8c2;
  --color-tertiary-60: #51e1ae;
  --color-tertiary-70: #26d99a;
  --color-tertiary-80: #1eae7b;
  --color-tertiary-90: #17825c;
  --color-tertiary-95: #0f573e;
  --color-tertiary-98: #0b412e;

  --color-success-15: #f7fcf8;
  --color-success-20: #ecf9ec;
  --color-success-30: #d9f2da;
  --color-success-40: #b3e5b5;
  --color-success-50: #8cd98f;
  --color-success-60: #66cc6a;
  --color-success-70: #40bf45;
  --color-success-80: #339937;
  --color-success-90: #267329;
  --color-success-95: #1a4c1c;
  --color-success-98: #133915;

  --color-warning-15: #fffcf5;
  --color-warning-20: #fef8e6;
  --color-warning-30: #fef1cd;
  --color-warning-40: #fde29b;
  --color-warning-50: #fbd46a;
  --color-warning-60: #fac538;
  --color-warning-70: #f9b706;
  --color-warning-80: #c79205;
  --color-warning-90: #956e04;
  --color-warning-95: #644902;
  --color-warning-98: #4b3702;

  --color-error-15: #fef6f6;
  --color-error-20: #fce8e9;
  --color-error-30: #fad1d2;
  --color-error-40: #f5a3a5;
  --color-error-50: #f07579;
  --color-error-60: #eb474c;
  --color-error-70: #e6191f;
  --color-error-80: #b81419;
  --color-error-90: #8a0f13;
  --color-error-95: #5c0a0c;
  --color-error-98: #450809;

  --heading-1-size: 48px;
  --heading-1-weight: 700;
  --heading-1-family: Lora, sans-serif;
  --heading-1-line-height: 130%;
  --heading-2-size: 32px;
  --heading-2-weight: 700;
  --heading-2-family: Lora, sans-serif;
  --heading-2-line-height: 138%;
  --heading-3-size: 24px;
  --heading-3-weight: 700;
  --heading-3-family: Lora, sans-serif;
  --heading-3-line-height: 150%;
  --body-1-size: 18px;
  --body-1-weight: 400;
  --body-1-family: Lato, sans-serif;
  --body-1-line-height: 135%;
  --body-2-size: 16px;
  --body-2-weight: 400;
  --body-2-family: Lato, sans-serif;
  --body-2-line-height: 150%;
  --body-3-size: 14px;
  --body-3-weight: 400;
  --body-3-family: Lato, sans-serif;
  --body-3-line-height: 160%;
  --caption-1-size: 12px;
  --caption-1-weight: 400;
  --caption-1-family: Lato, sans-serif;
  --caption-1-line-height: 170%;
  --control-radius: 8px;
  --card-radius: 16px;
  --box-shadow-elevation-1: 0px 4px 12px 0px #14191F0F;
}