:root {
    --color-primary: #1A73E8;
    --color-primary-hover: #1558B0;
    --color-secondary: #4DB6AD;
    --color-accent: #F8B24D;
    --color-background: #F5F5F5;
    --color-surface: #FFFFFF;
    --color-border: #E5E5E5;
    --color-text: #2D2D2D;
    --color-text-muted: #6C757D;
    --color-heading: #1A1A1A;
    --color-success: #28A745;
    --color-danger: #DC3545;
    --color-warning: #FFC107;
    --color-info: #17A2B8;

    --app-bg-top: #f5f5f5;
    --app-bg-bottom: #eceff3;
    --app-orb: rgba(26, 115, 232, 0.10);
    --app-ink: var(--color-text);
    --app-ink-soft: var(--color-text-muted);
    --app-line: rgba(45, 45, 45, 0.10);
    --app-surface: rgba(255, 255, 255, 0.90);
    --app-surface-strong: var(--color-surface);
    --app-surface-muted: #f1f3f5;
    --app-primary: var(--color-primary);
    --app-primary-soft: rgba(26, 115, 232, 0.12);
    --app-secondary: var(--color-secondary);
    --app-secondary-soft: rgba(77, 182, 173, 0.16);
    --app-accent: var(--color-accent);
    --app-accent-soft: rgba(248, 178, 77, 0.18);
    --app-success: var(--color-success);
    --app-warning: var(--color-warning);
    --app-danger: var(--color-danger);
    --app-info: var(--color-info);
    --app-shadow: 0 18px 45px rgba(19, 24, 31, 0.10);
    --app-shadow-soft: 0 10px 25px rgba(19, 24, 31, 0.08);
    --app-link: var(--color-primary);
    --app-link-hover: var(--color-primary-hover);
    --app-badge-ink: #ffffff;
    --app-badge-ink-dark: #2D2D2D;

    --bs-primary: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --bs-body-bg: var(--color-background);
    --bs-body-color: var(--color-text);
}

[data-theme="dark"] {
    --color-background: #121212;
    --color-surface: #1E1E1E;
    --color-border: #2C2C2C;
    --color-text: #E0E0E0;
    --color-text-muted: #A0A0A0;
    --color-heading: #FFFFFF;

    --app-bg-top: #121212;
    --app-bg-bottom: #181a1f;
    --app-orb: rgba(26, 115, 232, 0.16);
    --app-ink: var(--color-text);
    --app-ink-soft: var(--color-text-muted);
    --app-line: rgba(224, 224, 224, 0.10);
    --app-surface: rgba(30, 30, 30, 0.90);
    --app-surface-strong: var(--color-surface);
    --app-surface-muted: #252932;
    --app-primary: var(--color-primary);
    --app-primary-soft: rgba(26, 115, 232, 0.24);
    --app-secondary: #4DB6AC;
    --app-secondary-soft: rgba(77, 182, 172, 0.22);
    --app-accent: var(--color-accent);
    --app-accent-soft: rgba(248, 178, 77, 0.24);
    --app-success: #42b965;
    --app-warning: var(--color-accent);
    --app-danger: #f06a78;
    --app-info: #36b7ca;
    --app-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    --app-shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.18);
    --app-link: #5ea1ff;
    --app-link-hover: #88bcff;
    --app-badge-ink: #ffffff;
    --app-badge-ink-dark: #2d2d2d;
}