:root {
    --app-font-family: "Aptos", "Helvetica Neue", "Noto Sans", sans-serif;

    --app-bg: #1a252f;
    --app-bg-alt: #172635;
    --app-surface: #1a2b3c;
    --app-surface-2: #111a27;
    --app-border: #3a5168;
    --app-border-strong: #27384f;

    --text-primary: #ecf0f1;
    --text-secondary: #d6e2ee;
    --text-muted: #95a5a6;

    --brand-primary: #3498db;
    --brand-primary-hover: #2f89c7;
    --danger-primary: #c0392b;
    --danger-primary-hover: #a93226;
}

body.theme-light {
    --app-bg: #f2f6fb;
    --app-bg-alt: #ffffff;
    --app-surface: #ffffff;
    --app-surface-2: #edf3fb;
    --app-border: #c4d3e2;
    --app-border-strong: #d5e2ef;

    --text-primary: #1f2d3d;
    --text-secondary: #2f4b66;
    --text-muted: #5f7386;

    --brand-primary: #2b86d1;
    --brand-primary-hover: #1f77bf;
    --danger-primary: #c0392b;
    --danger-primary-hover: #a93226;
}