/* CSS Variables for theming */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #adb5bd;
    --border-color: #dee2e6;
    --accent-color: #0d6efd;
    --accent-color-alpha: rgba(13, 110, 253, 0.2);
    --accent-hover: #0b5ed7;
    --success-color: #198754;
    --warning-color: #fd7e14;
    --warning-bg: #fff3cd;
    --warning-border: #ffc107;
    --warning-text: #856404;
    --danger-color: #dc3545;
    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --border-radius: 0.375rem;
    --border-radius-sm: 0.25rem;
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-family-mono: 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Source Code Pro', monospace;
    --transition: all 0.2s ease-in-out;
}

/* Dark theme variables */
[data-theme="dark"] {
    --bg-primary: #1a1d23;
    --bg-secondary: #22262e;
    --bg-tertiary: #2a2f38;
    --text-primary: #f8f9fa;
    --text-secondary: #adb5bd;
    --text-muted: #6c757d;
    --border-color: #495057;
    --accent-color: #0d6efd;
    --accent-color-alpha: rgba(13, 110, 253, 0.2);
    --accent-hover: #3d8bfd;
    --success-color: #20c997;
    --warning-color: #fd7e14;
    --warning-bg: #664d03;
    --warning-border: #ffda6a;
    --warning-text: #ffecb5;
    --danger-color: #dc3545;
}

/* Gwyneth theme variables - Flowing pastel gradient */
[data-theme="gwyneth"] {
    --bg-primary: rgba(255, 255, 255, 0.7);
    --bg-secondary: rgba(250, 245, 255, 0.75);
    --bg-tertiary: rgba(243, 232, 255, 0.7);
    --text-primary: #1e1b4b;
    --text-secondary: #5b21b6;
    --text-muted: #7c3aed;
    --border-color: rgba(139, 92, 246, 0.25);
    --accent-color: #8b5cf6;
    --accent-color-alpha: rgba(139, 92, 246, 0.2);
    --accent-hover: #7c3aed;
    --success-color: #8b5cf6;
    --warning-color: #f59e0b;
    --warning-bg: rgba(254, 240, 138, 0.4);
    --warning-border: rgba(251, 191, 36, 0.5);
    --warning-text: #78350f;
    --danger-color: #be123c;
}