/* Shared site palette. See README.txt: CHANGING THE SITE COLORS. */
:root {
  /* Brand colors: #33254f, #6da9ae, #f37021 (RGB channels, each 0-255). */
  --brand-primary-rgb: 51, 37, 79;
  --brand-secondary-rgb: 109, 169, 174;
  --brand-highlight-rgb: 243, 112, 33;
  --brand-accent-rgb: var(--brand-secondary-rgb);
  --brand-accent-dark-rgb: var(--brand-primary-rgb);
  --advisor-accent-rgb: var(--brand-secondary-rgb);
  --advisor-accent-dark-rgb: var(--secondary-dark-rgb);
  --advisor-secondary-rgb: var(--brand-secondary-rgb);
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;

  /* Supporting shades keep small text readable on light and dark surfaces. */
  --primary-light-rgb: 75, 59, 105;
  --primary-dark-rgb: 37, 27, 59;
  --secondary-dark-rgb: 55, 101, 106;
  --muted-rgb: 98, 88, 111;
  --highlight-light-rgb: 249, 159, 103;
  --surface-rgb: 248, 246, 251;
  --surface-purple-rgb: 239, 234, 245;
  --surface-teal-rgb: 237, 245, 245;
  --line-rgb: 214, 206, 225;

  /* Atmospheric colors add variety without changing the brand or text surfaces. */
  --ambient-lavender-rgb: 185, 157, 221;
  --ambient-sky-rgb: 143, 184, 224;
  --ambient-seafoam-rgb: 139, 205, 182;
  --background-lilac-rgb: 242, 235, 250;
  --background-neutral-rgb: 250, 249, 252;
  --background-blue-rgb: 226, 236, 249;
  --background-mint-rgb: 222, 243, 234;

  /* Richer animated bars use dark stops for light text; buttons use pale stops. */
  --flow-plum-rgb: 101, 57, 118;
  --flow-indigo-rgb: 65, 77, 132;
  --flow-teal-rgb: 44, 104, 110;

  /* Text and accents */
  --about-copy-rgb: var(--brand-primary-rgb);
  --advisor-text-rgb: var(--brand-primary-rgb);
  --advisor-text-muted-rgb: var(--muted-rgb);
  --article-heading-rgb: var(--brand-primary-rgb);
  --article-secondary-rgb: var(--brand-secondary-rgb);
  --body-copy-rgb: var(--brand-primary-rgb);
  --button-accent-end-rgb: var(--ambient-sky-rgb);
  --button-accent-start-rgb: var(--ambient-lavender-rgb);
  --button-accent-text-rgb: var(--brand-primary-rgb);
  --button-highlight-rgb: var(--ambient-seafoam-rgb);
  --button-secondary-rgb: var(--ambient-lavender-rgb);
  --comparison-copy-rgb: var(--brand-primary-rgb);
  --comparison-label-rgb: var(--muted-rgb);
  --comparison-note-rgb: var(--muted-rgb);
  --contact-highlight-rgb: var(--brand-highlight-rgb);
  --contact-label-rgb: var(--muted-rgb);
  --disclaimer-text-rgb: var(--secondary-dark-rgb);
  --education-accent-rgb: var(--flow-plum-rgb);
  --education-heading-rgb: var(--brand-primary-rgb);
  --education-secondary-rgb: var(--flow-indigo-rgb);
  --education-secondary-end-rgb: var(--flow-teal-rgb);
  --education-secondary-start-rgb: var(--flow-indigo-rgb);
  --education-secondary-text-rgb: var(--secondary-dark-rgb);
  --explorer-secondary-rgb: var(--flow-indigo-rgb);
  --footer-accent-text-rgb: var(--secondary-dark-rgb);
  --footer-link-rgb: var(--brand-primary-rgb);
  --footer-text-rgb: var(--muted-rgb);
  --footer-gradient-start-rgb: var(--brand-primary-rgb);
  --footer-gradient-middle-rgb: var(--flow-indigo-rgb);
  --footer-gradient-end-rgb: var(--flow-plum-rgb);
  --footer-surface-start-rgb: var(--background-blue-rgb);
  --footer-surface-end-rgb: var(--background-mint-rgb);
  --hero-heading-rgb: var(--brand-primary-rgb);
  --instruction-text-rgb: var(--muted-rgb);
  --landing-about-copy-rgb: var(--brand-primary-rgb);
  --landing-accent-text-rgb: var(--secondary-dark-rgb);
  --landing-footer-link-rgb: var(--brand-primary-rgb);
  --landing-footer-text-rgb: var(--muted-rgb);
  --link-accent-rgb: var(--secondary-dark-rgb);
  --nav-text-rgb: var(--brand-primary-rgb);
  --panel-background-rgb: var(--primary-dark-rgb);
  --panel-border-rgb: var(--brand-primary-rgb);
  --panel-highlight-rgb: var(--brand-highlight-rgb);
  --path-label-text-rgb: var(--secondary-dark-rgb);
  --path-number-text-rgb: var(--brand-primary-rgb);
  --placeholder-rgb: var(--muted-rgb);
  --product-description-rgb: var(--muted-rgb);
  --product-heading-rgb: var(--brand-primary-rgb);
  --product-highlight-rgb: var(--brand-highlight-rgb);
  --product-label-rgb: var(--brand-primary-rgb);
  --product-note-rgb: var(--muted-rgb);
  --proof-text-rgb: var(--muted-rgb);
  --text-rgb: var(--brand-primary-rgb);
  --text-deep-rgb: var(--primary-dark-rgb);
  --text-muted-rgb: var(--muted-rgb);
  --text-soft-rgb: var(--muted-rgb);

  /* Gradient shades and shadows */
  --accent-shadow-rgb: var(--brand-primary-rgb);
  --advisor-backdrop-rgb: var(--primary-dark-rgb);
  --advisor-shadow-rgb: var(--brand-primary-rgb);
  --article-accent-shadow-rgb: var(--secondary-dark-rgb);
  --article-gradient-end-rgb: var(--primary-light-rgb);
  --article-gradient-middle-rgb: var(--primary-dark-rgb);
  --article-gradient-start-rgb: var(--brand-primary-rgb);
  --article-shadow-rgb: var(--brand-primary-rgb);
  --card-shadow-rgb: var(--brand-primary-rgb);
  --contact-gradient-end-rgb: var(--flow-indigo-rgb);
  --contact-gradient-middle-rgb: var(--flow-teal-rgb);
  --contact-primary-rgb: var(--brand-primary-rgb);
  --education-gradient-end-rgb: var(--flow-teal-rgb);
  --education-gradient-start-rgb: var(--brand-primary-rgb);
  --education-primary-end-rgb: var(--flow-indigo-rgb);
  --education-shadow-rgb: var(--brand-primary-rgb);
  --explorer-gradient-end-rgb: var(--flow-teal-rgb);
  --explorer-gradient-start-rgb: var(--brand-primary-rgb);
  --header-gradient-end-rgb: var(--flow-teal-rgb);
  --header-gradient-middle-rgb: var(--flow-indigo-rgb);
  --header-gradient-start-rgb: var(--flow-plum-rgb);
  --hero-gradient-end-rgb: var(--primary-light-rgb);
  --hero-gradient-middle-rgb: var(--primary-dark-rgb);
  --landing-logo-shadow-rgb: var(--brand-primary-rgb);
  --logo-shadow-rgb: var(--brand-primary-rgb);
  --modal-gradient-end-rgb: var(--flow-teal-rgb);
  --modal-gradient-middle-rgb: var(--flow-plum-rgb);
  --nav-border-rgb: var(--brand-primary-rgb);
  --nav-shadow-rgb: var(--brand-primary-rgb);
  --page-grid-rgb: var(--brand-primary-rgb);
  --panel-gradient-end-rgb: var(--primary-light-rgb);
  --panel-gradient-middle-rgb: var(--brand-primary-rgb);
  --panel-shadow-rgb: var(--primary-dark-rgb);
  --pricing-gradient-end-rgb: var(--brand-primary-rgb);
  --pricing-gradient-middle-rgb: var(--primary-dark-rgb);
  --quote-gradient-end-rgb: var(--primary-dark-rgb);
  --recommendation-gradient-end-rgb: var(--primary-light-rgb);
  --recommendation-gradient-middle-rgb: var(--primary-dark-rgb);
  --recommendation-gradient-start-rgb: var(--brand-primary-rgb);
  --send-gradient-end-rgb: var(--primary-light-rgb);
  --user-bubble-gradient-end-rgb: var(--primary-light-rgb);

  /* Surfaces and borders */
  --about-background-end-rgb: var(--surface-teal-rgb);
  --about-background-start-rgb: var(--surface-rgb);
  --advisor-background-end-rgb: var(--background-mint-rgb);
  --advisor-background-middle-rgb: var(--background-blue-rgb);
  --advisor-border-rgb: var(--line-rgb);
  --advisor-track-rgb: var(--surface-purple-rgb);
  --article-accent-border-rgb: var(--brand-secondary-rgb);
  --article-accent-surface-end-rgb: var(--surface-teal-rgb);
  --article-accent-surface-start-rgb: var(--surface-rgb);
  --article-border-rgb: var(--line-rgb);
  --article-label-rgb: var(--surface-purple-rgb);
  --article-light-text-rgb: var(--surface-purple-rgb);
  --article-surface-start-rgb: var(--surface-rgb);
  --bubble-background-end-rgb: var(--surface-purple-rgb);
  --comparison-border-rgb: var(--line-rgb);
  --comparison-picker-border-rgb: var(--line-rgb);
  --comparison-picker-surface-rgb: var(--surface-purple-rgb);
  --comparison-surface-end-rgb: var(--surface-teal-rgb);
  --comparison-surface-start-rgb: var(--surface-rgb);
  --comparison-tag-border-rgb: var(--line-rgb);
  --comparison-tag-hover-border-rgb: var(--brand-secondary-rgb);
  --contact-background-end-rgb: var(--surface-teal-rgb);
  --content-background-end-rgb: var(--background-mint-rgb);
  --content-background-middle-rgb: var(--background-blue-rgb);
  --explorer-highlight-rgb: var(--surface-purple-rgb);
  --explorer-surface-rgb: var(--surface-rgb);
  --footer-background-end-rgb: var(--footer-surface-end-rgb);
  --input-background-end-rgb: var(--surface-purple-rgb);
  --input-background-start-rgb: var(--surface-rgb);
  --landing-background-end-rgb: var(--background-mint-rgb);
  --landing-background-middle-rgb: var(--background-blue-rgb);
  --landing-background-start-rgb: var(--background-neutral-rgb);
  --modal-background-end-rgb: var(--surface-teal-rgb);
  --modal-background-middle-rgb: var(--surface-rgb);
  --offwhite-rgb: var(--surface-rgb);
  --page-background-start-rgb: var(--background-neutral-rgb);
  --product-surface-rgb: var(--surface-rgb);
  --sky-rgb: var(--surface-teal-rgb);
  --warm-surface-rgb: var(--background-mint-rgb);
}

:root[data-theme="content"] {
  --ink: rgb(var(--text-rgb));
  --muted: rgb(var(--text-muted-rgb));
  --green: rgb(var(--brand-accent-dark-rgb));
  --aqua: rgb(var(--brand-secondary-rgb));
  --sun: rgb(var(--brand-highlight-rgb));
  --white: rgb(var(--white-rgb));
  --line: rgba(var(--text-rgb),.15);
}

:root[data-theme="advisor"] {
  --navy: rgb(var(--brand-primary-rgb));
  --navy2: rgb(var(--primary-light-rgb));
  --navy3: rgb(var(--primary-dark-rgb));
  --teal: rgb(var(--advisor-secondary-rgb));
  --green: rgb(var(--advisor-accent-rgb));
  --green2: rgb(var(--advisor-accent-dark-rgb));
  --white: rgb(var(--white-rgb));
  --offwhite: rgb(var(--offwhite-rgb));
  --light: rgb(var(--advisor-track-rgb));
  --muted: rgb(var(--advisor-text-muted-rgb));
  --border: rgb(var(--advisor-border-rgb));
  --ink: rgb(var(--advisor-text-rgb));
}

:root[data-theme="landing"] {
  --ink: rgb(var(--text-rgb));
  --ink-soft: rgb(var(--text-soft-rgb));
  --ink-deep: rgb(var(--text-deep-rgb));
  --sky: rgb(var(--sky-rgb));
  --mint: rgb(var(--brand-accent-rgb));
  --mint-dark: rgb(var(--brand-accent-dark-rgb));
  --aqua: rgb(var(--brand-secondary-rgb));
  --sun: rgb(var(--brand-highlight-rgb));
  --white: rgb(var(--white-rgb));
  --card-bg: rgba(var(--white-rgb),0.82);
  --card-border: rgba(var(--text-rgb),0.14);
  --card-shadow: 0 18px 40px rgba(var(--card-shadow-rgb),0.11);
}