/* Visual configuration: update these variables to personalize the palette and typography. */
:root {
  color-scheme: light;
  --color-background: #f8f8ff;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f1ff;
  --color-text: #252641;
  --color-text-muted: #686b89;
  --color-text-soft: #8588a5;
  --color-primary: #686bb8;
  --color-primary-strong: #4f529c;
  --color-accent: #a7a4e8;
  --color-accent-soft: #e9e8ff;
  --color-lavender: #dcdcff;
  --color-blue-soft: #e5efff;
  --color-border: #e5e5f2;
  --color-on-primary: #ffffff;
  --shadow-soft: 0 20px 60px rgb(67 67 125 / 10%);
  --font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --content-width: 1120px;
  --radius-small: 12px;
  --radius-medium: 22px;
  --radius-large: 34px;
  --transition-fast: 180ms ease;
  --transition-medium: 320ms ease;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-background: #171827;
  --color-surface: #202136;
  --color-surface-soft: #292a45;
  --color-text: #f0efff;
  --color-text-muted: #c0c0dc;
  --color-text-soft: #a1a2c5;
  --color-primary: #b8b7ff;
  --color-primary-strong: #d0ceff;
  --color-accent: #aaa7f1;
  --color-accent-soft: #343451;
  --color-lavender: #46456f;
  --color-blue-soft: #2b3a58;
  --color-border: #393a56;
  --color-on-primary: #202136;
  --shadow-soft: 0 20px 60px rgb(0 0 0 / 25%);
}