:root[data-theme="light"] {
  color-scheme: light;
  --page-bg: #f7f7fa;
  --surface: #ffffff;
  --surface-raised: #f0f0f5;
  --surface-soft: #e8e8ee;
  --surface-muted: #ddddE6;
  --text: #11131a;
  --text-strong: #090b10;
  --text-muted: #5e606b;
  --text-faint: #7c7e88;
  --accent: #7125bf;
  --accent-strong: #832fd4;
  --accent-deep: #5e169f;
  --accent-soft: rgba(113, 37, 191, 0.12);
  --line: rgba(17, 19, 26, 0.14);
  --line-strong: rgba(17, 19, 26, 0.28);
  --button-text: #ffffff;
  --card-bg: #ffffff;
  --card-hover: #f5f2f9;
  --field-bg: #ffffff;
  --field-border: rgba(17, 19, 26, 0.22);
  --success: #176c45;
  --danger: #b3213a;
  --shadow: 0 28px 80px rgba(40, 34, 50, 0.12);
  --hero-overlay-a: rgba(8, 9, 15, 0.5);
  --hero-overlay-b: rgba(8, 9, 15, 0.1);
  --hero-overlay-c: rgba(8, 9, 15, 0.76);
  --hero-text: #ffffff;
  --hero-muted: rgba(255, 255, 255, 0.76);
  --footer-bg: #ececf2;
  --footer-text: #101219;
  --footer-muted: rgba(16, 18, 25, 0.62);
}