/* Roboto Font */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/static/fonts/roboto-400.woff2') format('woff2'),
         url('/static/fonts/roboto-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/roboto-700.woff2') format('woff2'),
         url('/static/fonts/roboto-700.ttf') format('truetype');
}

/* Orbitron Font */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/orbitron-700.woff2') format('woff2'),
         url('/static/fonts/orbitron-700.ttf') format('truetype');
}

:root {
    --starwars-yellow: #FFE81F;
    --saber-blue: #4db8ff;
    --dark-bg: #111111;
    --content-bg: #1c1c1c;
    --text-color: #cccccc;
    --text-bright: #f0f0f0;
    --text-muted: #888;
    --text-dim: #666;
    --border-color: rgba(51, 51, 51, 0.8);
    --container-blur: blur(2px);
    --container-shadow: 0 0 25px rgba(255, 232, 31, 0.1);
    --saber-glow: 0 0 30px rgba(77, 184, 255, 0.3);
    --saber-blue-faint: rgba(77, 184, 255, 0.15);
    --saber-blue-glow: rgba(77, 184, 255, 0.3);
}

/* Shared glass-panel backdrop */
.glass-panel {
    backdrop-filter: var(--container-blur);
    -webkit-backdrop-filter: var(--container-blur);
}