/**
 * Clickrate Club - Dark Theme with Geist Font
 */

/* Geist Font from Vercel */
@font-face {
  font-family: 'Geist';
  src: url('https://assets.vercel.com/raw/upload/v1696446025/geist/Geist-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('https://assets.vercel.com/raw/upload/v1696446025/geist/Geist-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('https://assets.vercel.com/raw/upload/v1696446025/geist/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('https://assets.vercel.com/raw/upload/v1696446025/geist/Geist-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Geist font */
  --font-family-headings: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-body: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-button: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Dark palette */
  --color-contrast: #f0f0f0;
  --color-background: #0d1117;
  --color-background-100: #161b22;
  --color-background-200: #21262d;
  --color-background-300: rgba(139, 148, 158, 0.12);
  --color-background-400: rgba(139, 148, 158, 0.2);
  --color-foreground: #c9d1d9;
  --color-secondary: #8b949e;
  --color-mute: #484f58;
  --color-border: rgba(139, 148, 158, 0.2);
  
  /* Accent */
  --ghost-accent-color: #10b981;
  --color-accent-foreground: #ffffff;
  
  /* Gradient */
  --gradient: linear-gradient(135deg, #10b981, #06b6d4);
  
  /* Scrollbar */
  --sidebar--scrollbar--color: #10b981;
  --sidebar--scrollbar-hover--color: #059669;
  
  /* Popup */
  --popup--overlay--background-color: rgba(13, 17, 23, 0.9);
  
  color-scheme: dark;
}

/* Selection */
::selection {
  background-color: rgba(16, 185, 129, 0.3);
  color: #f0f0f0;
}