:root {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-subtle: #f7fbff;
  --surface-hover: #f1f7fc;
  --surface-elevated: #ffffff;
  --header-bg: rgba(255, 255, 255, 0.97);
  --footer-bg: #f7fbff;
  --heading: #0a2342;
  --text: #14283d;
  --text-muted: #536b80;
  --text-subtle: #5e7488;
  --link: #086dc5;
  --link-hover: #055aa5;
  --border: #dfe7ee;
  --border-strong: #bed5e8;
  --input-border: #ccd9e4;
  --focus-ring: #0b74d4;
  --card-shadow: 0 12px 30px rgba(20, 54, 88, 0.08);
  --soft-shadow: 0 9px 22px rgba(21, 55, 91, 0.07);
  --hero-start: #f9fcff;
  --hero-mid: #eef8ff;
  --hero-end: #f2fff9;
  --detail-start: #fbfdff;
  --detail-end: #f0f8ff;
  --info-bg: #eef8ff;
  --info-border: #d7e9f8;
  --info-text: #465f76;
  --success-bg: #f1fff7;
  --success-border: #cbeed9;
  --success-text: #176a43;
  --danger-bg: #fff7f7;
  --danger-border: #f0c8c8;
  --danger-text: #a82f38;
  --chip-bg: #f5f8fb;
  --disabled-bg: #c8d2dc;
  --disabled-text: #45596b;
  --primary-button: #076fc8;
  --primary-button-text: #ffffff;
  --download-start: #078a58;
  --download-end: #0d9445;
  --ad-bg: #fff8e5;
  --ad-border: #e4b951;
  --ad-text: #7c5709;
  --badge-bg: #eef5fb;
  --badge-text: #235b89;
  --badge-free-bg: #fff2df;
  --badge-free-text: #8a4900;
  --badge-ios-bg: #eef1f4;
  --badge-ios-text: #37424e;
  --badge-android-bg: #eaf9f0;
  --badge-android-text: #14663f;
  --badge-windows-bg: #e8f4ff;
  --badge-windows-text: #075fa9;
  --badge-apps-bg: #f0ecff;
  --badge-apps-text: #5941a1;
  --badge-platform-bg: #e9f7ff;
  --badge-platform-text: #176697;
  --navy: var(--heading);
  --ink: var(--text);
  --muted: var(--text-muted);
  --blue: var(--link);
  --line: var(--border);
  --bg: var(--surface-subtle);
  --green: var(--download-start);
  --shadow: var(--card-shadow);
  --content: 1180px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0b111a;
  --surface: #111b28;
  --surface-subtle: #0e1824;
  --surface-hover: #182638;
  --surface-elevated: #152130;
  --header-bg: rgba(11, 17, 26, 0.96);
  --footer-bg: #0e1824;
  --heading: #f3f7fb;
  --text: #d9e5f1;
  --text-muted: #a9bbcc;
  --text-subtle: #94a9bc;
  --link: #78beff;
  --link-hover: #a4d3ff;
  --border: #2d4054;
  --border-strong: #45627d;
  --input-border: #3a5168;
  --focus-ring: #8bc9ff;
  --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
  --soft-shadow: 0 9px 22px rgba(0, 0, 0, 0.26);
  --hero-start: #0c1420;
  --hero-mid: #102238;
  --hero-end: #10231c;
  --detail-start: #0d1722;
  --detail-end: #102238;
  --info-bg: #10263b;
  --info-border: #2e5d82;
  --info-text: #bdd8ee;
  --success-bg: #0f281e;
  --success-border: #397a58;
  --success-text: #a8e0bd;
  --danger-bg: #2b1719;
  --danger-border: #7b3e43;
  --danger-text: #ffb1b7;
  --chip-bg: #172334;
  --disabled-bg: #344252;
  --disabled-text: #c2cfda;
  --primary-button: #1677c8;
  --primary-button-text: #ffffff;
  --download-start: #087b50;
  --download-end: #0b813e;
  --ad-bg: #30270f;
  --ad-border: #806927;
  --ad-text: #f4cf72;
  --badge-bg: #1a2a3a;
  --badge-text: #b8d9f4;
  --badge-free-bg: #352410;
  --badge-free-text: #ffc274;
  --badge-ios-bg: #222c36;
  --badge-ios-text: #d5e1ec;
  --badge-android-bg: #112a20;
  --badge-android-text: #79dba8;
  --badge-windows-bg: #10283e;
  --badge-windows-text: #7bc1ff;
  --badge-apps-bg: #241d3b;
  --badge-apps-text: #c1abff;
  --badge-platform-bg: #10283e;
  --badge-platform-text: #83c7ff;
}