/* ===== BASE.CSS - BannerTracker Dark Theme (Produktiv) ===== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'Azonix';
    src: url('./assets/Azonix.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-brand-primary: #4fb7a0;
    --color-brand-secondary: #bbe279;
    --primary-color: #4fb7a0;
    --primary-rgb: 79, 183, 160;
    --primary-hover: #63d1b7;
    --primary-dark: #3b8f7d;
    --primary-light: #7ce5cc;
    --secondary-color: #bbe279;
    --secondary-rgb: 187, 226, 121;
    --secondary-hover: #cef09a;
    --secondary-dark: #a2c863;
    --success-color: #10b981;
    --success-rgb: 16, 185, 129;
    --warning-color: #fdf471;
    --warning-rgb: 244, 202, 73;
    --danger-color: #f87171;
    --danger-rgb: 248, 113, 113;
    --highlight-color: var(--secondary-color);
    --highlight-rgb: 187, 226, 121;
    --bg-dark: #1d3448;
    --bg-darker: #193742;
    --bg-gradient: linear-gradient(to right bottom, #0e1e2a, #152938, #1c3646, #244255, #2b4f64, #2b4f64, #2b5063, #2b5063, #244454, #1e3845, #182d37, #122229);
    --bg-panel-solid: #252f38;
    --bg-panel-rgb: 37, 47, 56;
    --bg-panel: rgba(var(--bg-panel-rgb), 0.3);
    --bg-secondary: #2a3640;
    --bg-tertiary: #323e4a;
    --bg-input: var(--bg-panel);
    --bg-input-rgb: var(--bg-panel-rgb);
    --bg-hover: rgba(var(--primary-rgb), 0.08);
    --text-main: #e6f0f3;
    --text-muted: #8fa6b2;
    --text-primary: #ffffff;
    --text-secondary: #a8bfca;
    --border-color: rgba(79, 183, 160, 0.25);
    --border-light: rgba(255, 255, 255, 0.06);
    --border-medium: rgba(255, 255, 255, 0.12);
    --border-radius: 14px;
    --border-radius-lg: 18px;
    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);
    --shadow-md: 0 6px 12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .02);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .04);
    --shadow-glow: 0 0 0 transparent, 0 0 28px rgba(79, 183, 160, .35);
    --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Azonix', 'Plus Jakarta Sans', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: var(--font-main);
    background: var(--bg-gradient);
    background-attachment: fixed;
    color: var(--text-main);
    line-height: 1.6;
    height: 100vh;
    overflow: hidden;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb { background: rgba(var(--primary-rgb), 0.5); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-color); }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    letter-spacing: 0.02em;
    color: var(--text-main);
}

.gradient-text {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}