/* ============================================
   Fonts — SUITE
   ============================================ */

@font-face {
    font-family: 'Sweet';
    font-weight: 300;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 500;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 600;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 700;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 800;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Sweet';
    font-weight: 900;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Heavy.woff2') format('woff2');
}


/* ============================================
   Design Tokens
   ============================================ */

:root {
    --bg: #0f0f1a;
    --bg-raised: #181828;
    --bg-popup: #1e1e30;
    --border: rgba(255, 255, 255, 0.06);

    --accent: #39e6e0;
    --accent-dim: #03b0ae;
    --accent-hover: #4dfff9;
    --accent-muted: #e6394633;

    --mic-on: #ff5858;

    --text: #e0e0e8;
    --text-dim: #888899;
    --text-faint: #555566;

    --radius: 12px;
    --radius-sm: 8px;
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--border);
    --transition: 0.3s cubic-bezier(.4, 0, .2, 1);
}


/* ============================================
   Reset & Base
   ============================================ */

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

* p, * li {
    word-break: keep-all;
}


body {
    font-family: 'Sweet', system-ui, sans-serif;
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    display:flex;
    flex-direction:column
}

a {
    color: var(--accent);
}

a:hover {
    color: var(--accent-hover);
}