@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../assets/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-canvas: #0d0f10;
  --bg-sidebar: #000000;
  --bg-card: #1e2022;
  --bg-card-elevated: #25282b;
  --bg-climate: #161719;
  --bg-btn: #121212;
  --bg-icon-cell: #141414;
  --accent-cyan: #38f2e9;
  --accent-teal: #2edad2;
  --accent-warm: #ffbf7b;
  --accent-alert: #ff7043;
  --accent-green: #78dc78;
  --accent-gold: #eac578;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: #5b5b5c;
  --text-subtle: rgba(255, 255, 255, 0.45);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --radius-pc: 16px;
  --radius-mobile: 20px;
  --radius-btn: 12px;
  --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

html,
body {
  margin: 0;
  padding: 0;
  background-color: var(--bg-canvas);
  color: var(--text-primary);
  font-family: var(--font-main);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

button,
input,
select {
  font-family: var(--font-main);
}