/* Shared palette for the portfolio and Creativity Vault. */
:root{
  color-scheme:light;
  --brand-blue:#226192;
  --brand-ivory:#eae6de;
  --brand-coral:#ef8557;
  --brand-sage:#b7c4ad;
  --sage-soft:#dce2d6;
  --sage-ink:#314e43;
  --bg:var(--brand-ivory);
  --surface:#f3f0e9;
  --ink:#14374f;
  --muted:#435b6b;
  --line:#bdc5c7;
  --accent:var(--brand-blue);
  --soft:#dedfd9;
  --orange:var(--brand-coral);
  --pink:var(--brand-blue);
  --lavender:var(--brand-coral);
  --mint:var(--brand-ivory);
  --blush:var(--brand-coral);
  --apricot:var(--brand-ivory);
  --shadow:0 24px 56px -26px #14374f38;
  --tab-bg:#e2e5e1;
  --tab-ink:var(--brand-blue);
  --button-bg:var(--brand-blue);
  --button-ink:var(--brand-ivory);
  --focus:var(--brand-blue);
}
html[data-theme=dark]{
  color-scheme:dark;
  --bg:#102b40;
  --surface:#183c56;
  --ink:var(--brand-ivory);
  --muted:#c1ced4;
  --line:#49677b;
  --accent:var(--brand-coral);
  --soft:#14354e;
  --pink:var(--brand-coral);
  --shadow:0 24px 56px -26px #071b2c99;
  --tab-bg:var(--brand-ivory);
  --button-bg:var(--brand-coral);
  --button-ink:#14374f;
  --focus:var(--brand-coral);
}