:root {
    /* Light Theme Palette */
    --lt-primary: #ADB2D4;
    --lt-secondary: #C7D9DD;
    --lt-accent: #D5E5D5;
    --lt-surface: #EEF1DA;
    --lt-text-main: #333333;
    --lt-text-bright: #000000;
    --lt-card: rgba(255, 255, 255, 0.7);

    /* Dark Theme Palette */
    --dt-primary: #000B58;
    --dt-secondary: #003161;
    --dt-accent: #006A67;
    --dt-surface: #FFF4B7;

    --dt-background: #000B58;
    --dt-surface: #003161;
    --dt-accent-color: #006A67;
    --dt-text: #FFF4B7;

    /* Common */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 12px;
}

[data-theme="light"] {
    --bg-color: var(--lt-surface);
    --surface-color: var(--lt-card);
    --primary-color: var(--lt-primary);
    --secondary-color: var(--lt-secondary);
    --accent-color: #5D6D7E;
    --text-color: var(--lt-text-main);
    --text-heading: var(--lt-text-bright);
    --nav-bg: rgba(238, 241, 218, 0.8);
    --card-bg: rgba(255, 255, 255, 0.4);
    --button-bg: var(--lt-primary);
    --button-text: #000;
    --link-color: #0056b3;
    /* Standard link blue for light mode */
}

[data-theme="dark"] {
    --bg-color: var(--dt-background);
    --surface-color: var(--dt-surface);
    --primary-color: var(--dt-secondary);
    --secondary-color: var(--dt-accent-color);
    --accent-color: var(--dt-surface);
    --text-color: #e0e0e0;
    --text-heading: var(--dt-text);
    --nav-bg: rgba(0, 11, 88, 0.8);
    --card-bg: rgba(0, 49, 97, 0.6);
    --button-bg: var(--dt-text);
    --button-text: #000;
    --link-color: #90caf9;
    /* Light Blue for specific links in dark mode */
}