/* src/css/global.css */

/* --- 1. FONTS --- */

/* 200: ExtraLight */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/extralight.woff2') format('woff2');
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/extralight_italic.woff2') format('woff2');
  font-weight: 200; font-style: italic; font-display: swap;
}

/* 300: Light */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/light_italic.woff2') format('woff2');
  font-weight: 300; font-style: italic; font-display: swap;
}

/* 400: Regular */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/regular_italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}

/* 500: Medium */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/medium_italic.woff2') format('woff2');
  font-weight: 500; font-style: italic; font-display: swap;
}

/* 700: Bold */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/bold_italic.woff2') format('woff2');
  font-weight: 700; font-style: italic; font-display: swap;
}

/* 800: ExtraBold */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/extrabold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/extrabold_italic.woff2') format('woff2');
  font-weight: 800; font-style: italic; font-display: swap;
}

/* 900: Black */
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/black.woff2') format('woff2');
  font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Conduit';
  src: url('../assets/fonts/conduit/black_italic.woff2') format('woff2');
  font-weight: 900; font-style: italic; font-display: swap;
}

/* --- 2. VARIABLES --- */
:root {
    --bg-color: #0d1117;
    --text-main: #c9d1d9;
    --text-muted: #8b949e;
    --accent: #58a6ff;
    --border: #30363d;
    --code-bg: #161b22;
    --font-stack: 'Conduit', monospace;
}

/* --- 3. RESET & BASE --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

html {
    height: 100%;
}

html, body {
    overscroll-behavior: none;
}

body {
    background-color: var(--bg-color);
    color: var(--text-main);
    font-family: var(--font-stack);
    font-size: 18px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; transition: 0.2s; }
ul { list-style: none; }