/* ==========================================================================
   TrueSight — Design System (theme)
   Shared variables, resets & base typography
   ========================================================================== */

@font-face {
    font-family: 'KeaniaOne';
    src: url('../fonts/KeaniaOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Resagokr';
    src: url('../fonts/ResagokrBold.otf') format('opentype');
}

:root {
    /* ── Backgrounds ── */
    --color-bg: #08090d;
    --color-surface: #0f1117;
    --color-surface-2: #14181f;
    --color-surface-3: #1a1f2a;
    --color-elevated: #1a212c;

    /* ── Borders ── */
    --border-soft: rgba(255, 255, 255, 0.08);
    --border-softer: rgba(255, 255, 255, 0.05);
    --border-lit: rgba(0, 210, 255, 0.28);

    /* ── Accents ── */
    --color-cyan: #00d2ff;
    --color-cyan-dim: #0099bb;
    --color-cyan-glow: rgba(0, 210, 255, 0.18);

    --color-violet: #9d7dfa;
    --color-violet-dim: #7c3aed;
    --color-violet-glow: rgba(157, 125, 250, 0.18);

    /* ── Text ── */
    --color-text: #dde2ec;
    --color-text-muted: #7a8499;

    /* ── Semantic states ── */
    --color-success: #10c47a;
    --color-danger: #f05252;
    --color-warn: #f59e0b;
    --color-info: #3b82f6;

    /* ── Typography ── */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-brand: 'KeaniaOne', -apple-system, BlinkMacSystemFont, 'Segoe UI';

    /* ── Spacing / Radii ── */
    --radius-sm: 6px;
    --radius: 12px;
    --radius-lg: 20px;

    /* ── Layout dimensions ── */
    --navbar-height: 54px;
    --sidebar-width: 340px;
}

/* ── Reset ── */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    color-scheme: dark;
}

body {
    font-family: var(--font-sans);
    background: var(--color-bg);
    color: var(--color-text);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    min-height: 100vh;
}

a {
    color: var(--color-cyan);
    text-decoration: none;
    transition: opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

a:hover {
    opacity: 0.78;
}

/* ── Scrollbars ── */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 210, 255, 0.22);
    border-radius: 4px;
}

/* ── Utility classes ── */
.keaniaone {
    font-family: var(--font-brand);
}

.resagokr {
    font-family: 'Resagokr', -apple-system, BlinkMacSystemFont, 'Segoe UI';
}

.text-muted-soft {
    color: var(--color-text-muted);
}

.small-note {
    font-size: 0.8rem;
}