:root {
    /* COLOURS - Base Palette */
    --white-100: #dddcdc; /* Light grey/off-white */
    --white-200: #ffffff; /* Pure white */
    --black-100: #1a1a1a; /* Main dark mode background / filled controls */
    --black-200: #000000; /* Pure black */
    --ink-100: #262626; /* Primary UI ink */
    --ink-200: #404040; /* Secondary body copy */
    --grey-50: #fafafa; /* Quiet surfaces */
    --grey-75: #f0f0f0; /* Hairline dividers */
    --grey-100: #a3a3a3; /* Eyebrow / time readout */
    --grey-150: #ababab; /* Timeline ticks */
    --grey-175: #c9c9c9; /* Waveform bars */
    --grey-180: #dadada; /* Section guides */
    --grey-190: #dedede; /* Control borders */
    --grey-195: #e4e4e4; /* Note nav borders */
    --grey-200: #4f4e4e; /* Medium grey */
    --grey-300: #8c8c8c; /* Quiet icon buttons */
    --grey-350: #5c5c5c; /* Icon-only header buttons */
    --grey-400: #1a1a1a; /* Headings (light) */
    --grey-500: #dedede; /* Light default border */
    --grey-600: #f0f0f0; /* File button light mode background */
    --grey-700: #e0e0e0; /* File button light mode hover background */
    --grey-800: #e3f2fd; /* File button config light mode background */
    --grey-900: #777; /* Modal input border in dark mode */
    --grey-950: #555; /* Modal input background in dark mode */

    /* Accent Colors (for info, success, warning - red is no longer here) */
    --accent-info: #17a2b8;
    --accent-info-dark: #138496;
    --accent-success: #28a745;
    --accent-success-dark: #218838;
    --accent-warning: #ffc107;
    --accent-warning-dark: #e6b100;
    --accent-red: #dc3545; /* Added for file remove button */


    /* ANIMATIONS */
    --ani-button: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, opacity 0.2s ease-in-out;

    /* TYPOGRAPHY */
    --font-family-base: 'Manrope', system-ui, -apple-system, sans-serif;

    /* Focus mode: how much the transport dims (still usable, not gone) */
    --transport-dim-opacity: 0.42;
    --control-radius: 9px;
    --card-radius: 10px;
    --block-radius: 8px;

    /* Notes: base card look + how strongly the active note tints */
    --note-card-bg-light: #FAFAFA;
    --note-card-bg-dark: #232323;
    --note-card-active-bg-alpha: 14%;
    --note-card-active-ring-alpha: 35%;


    /* --- ASSIGNMENTS --- */

    /* General UI */
    --body-background-light: var(--white-200);
    --body-text-light: var(--ink-100);
    --body-background-dark: var(--black-100);
    --body-text-dark: var(--grey-300);

    /* Headings & Labels */
    --heading-color-light: var(--black-100);
    --heading-color-dark: var(--white-100);
    --sections-label-color-light: var(--body-text-light);
    --sections-label-border-light: var(--body-text-light);
    --sections-label-color-dark: var(--body-text-dark);
    --sections-label-border-dark: var(--body-text-dark);
    --timeline-color-light: var(--grey-150);
    --timeline-color-dark: var(--body-text-dark);
    --section-line-color-general: var(--grey-180);

    /* Theme Toggle Button */
    --theme-toggle-border-light: var(--body-text-light);
    --theme-toggle-color-light: var(--body-text-light);
    --theme-toggle-border-dark: var(--white-200);
    --theme-toggle-color-dark: var(--white-200);

    /* Sections Bar */
    --sections-bar-background-light: transparent;
    --sections-bar-background-dark: var(--grey-200);

    /* Handles */
    --handle-background-light: var(--grey-300);
    --handle-border-light: var(--white-200);
    --handle-hover-background-light: var(--grey-400);

    /* Play Control Buttons */
    --play-btn-border-light: #D8D8D8;
    --play-btn-color-light: var(--ink-200);
    --play-btn-border-dark: var(--grey-100);
    --play-btn-color-dark: var(--grey-100);

    --play-btn-hover-border-light: var(--black-200);
    --play-btn-hover-color-light: var(--black-200);
    --play-btn-hover-border-dark: var(--white-200);
    --play-btn-hover-color-dark: var(--white-200);

    /* Dimmed button for focus mode */
    --button-dimmed-opacity: 0.4;


    /* --- UNIFIED BUTTON ASSIGNMENTS (All standard buttons use these) --- */

    /* Light Mode Buttons */
    --button-background-light: var(--white-200);
    --button-border-light: var(--grey-190);
    --button-color-light: var(--ink-100);
    --button-hover-background-light: var(--grey-50);
    --button-hover-border-light: var(--grey-350);
    --button-hover-color-light: var(--black-200);

    /* Dark Mode Buttons (Replicating the Load Button's dark mode style) */
    --button-background-dark: transparent;
    --button-border-dark: var(--grey-300);
    --button-color-dark: var(--grey-300);
    --button-hover-background-dark: transparent;
    --button-hover-border-dark: var(--white-100);
    --button-hover-color-dark: var(--white-100);

    /* File Buttons (Recent Projects) - these now primarily inherit from unified buttons */
    --file-btn-default-bg-light: var(--grey-600);
    --file-btn-default-border-light: var(--grey-500);
    --file-btn-default-hover-bg-light: var(--grey-700);
    --file-btn-config-bg-light: var(--grey-800);


    /* Modals */
    --modal-background-light: var(--white-200);
    --modal-text-light: var(--body-text-light);
    --modal-input-border-light: var(--grey-500);
    --modal-input-background-light: var(--white-200);
    --modal-input-color-light: var(--body-text-light);

    --modal-background-dark: var(--grey-200);
    --modal-text-dark: var(--body-text-dark);
    --modal-input-background-dark: var(--grey-950);
    --modal-input-border-dark: var(--grey-900);
    --modal-input-color-dark: var(--white-200);

    /* Footer */
    --footer-color-light: var(--grey-300);
    --footer-color-dark: var(--grey-100);

    /* Toast Notifications */
    --toast-background-default: var(--grey-400);
    --toast-color-default: var(--white-200);

    --toast-warning-color-light: #343a40;
    --toast-success-color-light: var(--white-200);
    --toast-info-color-light: var(--white-200);

    --toast-warning-color-dark: #212529;
    --toast-success-color-dark: var(--toast-success-color-dark);
}