@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* ---------------------------
   Global Theme Variables
   --------------------------- */
:root {
    /* Default Theme: Cyberpunk Green / Purple */
    --bg-color: #1a1a1a;
    --accent-green: #39ff14;
    --accent-green-rgb: 57, 255, 20;
    --accent-purple: #a020f0;
    --accent-purple-rgb: 160, 32, 240;
    --text-light: #e0e0e0;
    --text-subtle: #b19cd9;
    --dark-panel: #2a2a2a;
    --dark-panel-alt: #3a3a3a;

    /* Button text colours */
    --button-text-default: var(--bg-color);
    --button-text-hover: var(--text-light);

    /* Body gradient */
    --body-gradient: linear-gradient(135deg, var(--dark-panel-alt) 0%, var(--bg-color) 100%);

    /* Canvas colours (used by Travel Assistant) */
    --canvas-bg: #163016;
    --canvas-line: #888;
    --canvas-node-default: #222;
    --canvas-node-selected: #ff00ff;
    --canvas-node-selectable: #00ff7f;
    --canvas-node-icon: #fff;
    --canvas-start-end-fill: #005500;
    --canvas-finish-fill: #004488;
    --canvas-start-end-border: #ffffff;
    --canvas-start-end-text: #ff00ff;
    --canvas-path-stroke: #ff4444;
}

/* ---------------------------
   Theme: Classic RPG (Brown / Gold / Parchment)
   --------------------------- */
body.theme-rpg {
    --bg-color: #fbf5e8;
    --accent-green: #8b4513;
    --accent-green-rgb: 139, 69, 19;
    --accent-purple: #a0522d;
    --accent-purple-rgb: 160, 82, 45;
    --text-light: #333333;
    --text-subtle: #5a4b42;
    --dark-panel: #d2b48c;
    --dark-panel-alt: #deb887;

    --button-text-default: var(--text-light);
    --button-text-hover: #eeeeee;

    --body-gradient: linear-gradient(135deg, var(--dark-panel-alt) 0%, var(--bg-color) 100%);

    /* Canvas overrides */
    --canvas-bg: #4a3a2a;
    --canvas-line: #d2b48c;
    --canvas-node-default: #6b5b4b;
    --canvas-node-selected: #a0522d;
    --canvas-node-selectable: #deb887;
    --canvas-node-icon: #333;
    --canvas-start-end-fill: #8b4513;
    --canvas-finish-fill: #a0522d;
    --canvas-start-end-border: #333;
    --canvas-start-end-text: #fbf5e8;
    --canvas-path-stroke: #deb887;
}

/* ---------------------------
   Theme: Sci-Fi Blue
   --------------------------- */
body.theme-blue {
    --bg-color: #0b1c2a;
    --accent-green: #00ffff;
    --accent-green-rgb: 0, 255, 255;
    --accent-purple: #4169e1;
    --accent-purple-rgb: 65, 105, 225;
    --text-light: #e0f7fa;
    --text-subtle: #b3e5fc;
    --dark-panel: #1a324b;
    --dark-panel-alt: #254360;

    --button-text-default: var(--bg-color);
    --button-text-hover: var(--text-light);

    --body-gradient: linear-gradient(135deg, var(--dark-panel-alt) 0%, var(--bg-color) 100%);

    /* Canvas overrides */
    --canvas-bg: #081420;
    --canvas-line: #4169e1;
    --canvas-node-default: #1a324b;
    --canvas-node-selected: #00ffff;
    --canvas-node-selectable: #b3e5fc;
    --canvas-node-icon: #0b1c2a;
    --canvas-start-end-fill: #00ffff;
    --canvas-finish-fill: #4169e1;
    --canvas-start-end-border: #0b1c2a;
    --canvas-start-end-text: #0b1c2a;
    --canvas-path-stroke: #e0f7fa;
}