@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  /* INNOVUS Palette (from innovus.gr) */
  --bg-app: #0A0B0E;                 /* Pure Obsidian Black */
  --surface-card: #14161F;           /* Elevated Dark Card */
  --surface-card-hover: #1C1F2B;
  --text-primary: #FFFFFF;           /* Crisp White */
  --text-secondary: #94A3B8;         /* Subdued Gray */
  
  /* Brand Copper Accent */
  --accent-copper: #C59B76;          /* Rose Gold / Metallic Copper */
  --accent-copper-glow: rgba(197, 155, 118, 0.15);
  --accent-copper-border: rgba(197, 155, 118, 0.25);
  
  --status-success: #10B981;
  
  /* Layout & Geometry */
  --radius-card: 18px;
  --radius-btn: 12px;
  --card-padding: 24px;
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --shadow-card: 0 12px 32px -4px rgba(0, 0, 0, 0.7);
  --border-card: 1px solid var(--accent-copper-border);
}

body {
  background-color: var(--bg-app) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-main) !important;
}

/* Base Card Overrides for Dark Mode */
.hp-card, .action-card, .smart-actions-banner {
  background: var(--surface-card) !important;
  border: var(--border-card) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-card) !important;
}

.action-card-text {
  color: var(--text-primary) !important;
  font-weight: 500;
}

.smart-actions-banner {
  background: linear-gradient(135deg, rgba(197, 155, 118, 0.08) 0%, #14161F 100%) !important;
  border: 1px solid var(--accent-copper-border) !important;
}

.smart-actions-title {
  color: var(--accent-copper) !important;
  font-weight: 600;
}

.bottom-nav {
  background: rgba(10, 11, 14, 0.92) !important;
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(197, 155, 118, 0.15) !important;
}

.nav-item {
  color: #64748B !important;
}

.nav-item.active {
  color: var(--accent-copper) !important;
}

.nav-item.active .nav-icon {
  color: var(--accent-copper) !important;
}
