/* Minimal Theme - Apple-style Minimalist */
/* Clean lines, lots of whitespace, understated elegance */

:root {
  --primary: #111111;
  --primary-rgb: 17, 17, 17;
  --primary-dark: #000000;
  --hov-primary: #000000;
  --soft-primary: rgba(17, 17, 17, 0.1);
  --secondary: #6B7280;
  --accent: #3B82F6;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --light: #FAFAFA;
  --dark: #111111;
  --gray: #9CA3AF;
  --gray-light: #D1D5DB;
  --background: #FFFFFF;
  --card-bg: #FFFFFF;
  --border-color: #E5E7EB;
  --border-radius: 8px;
  --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
}

body {
  font-family: var(--font-primary);
  background: var(--background);
  color: var(--dark);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.btn-primary {
  background: var(--primary);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 500;
}

.btn-primary:hover {
  background: #333333;
}

.card {
  border: 1px solid #E5E7EB;
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}