/* ============================================================
   SmartCard PRO — CSS Variables & Theme Tokens
   ============================================================ */

:root {
  /* Light Mode — "Parchment" Theme */
  --background: #FDFCFB;
  --foreground: #2D2926;
  --card: #FFFFFF;
  --card-foreground: #2D2926;
  --secondary: #F5F1ED;
  --secondary-foreground: #2D2926;
  --muted: #F0EBE5;
  --muted-foreground: #8A8074;
  --border: rgba(140, 94, 60, 0.12);

  --primary: #8C5E3C;
  --primary-foreground: #FDFCFB;
  --accent-terracotta: #A65436;
  --accent-crema: #D4A373;
  --accent-olive: #2B3310;

  --glass-bg: rgba(253, 252, 251, 0.65);
  --glass-border: rgba(140, 94, 60, 0.12);
  --glass-blur: 20px;

  --radius: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-full: 9999px;

  --font-heading: 'Syne', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.12);
  --shadow-xl: 0 24px 48px rgba(0,0,0,0.16);

  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.dark {
  /* Dark Mode — "Espresso" Theme */
  --background: #0A0908;
  --foreground: #EAE0D5;
  --card: #15110D;
  --card-foreground: #EAE0D5;
  --secondary: #1A1612;
  --secondary-foreground: #EAE0D5;
  --muted: #1A1612;
  --muted-foreground: #8A7D6E;
  --border: rgba(212, 163, 115, 0.12);

  --primary: #D4A373;
  --primary-foreground: #0A0908;
  --accent-terracotta: #B86B4A;
  --accent-crema: #D4A373;

  --glass-bg: rgba(26, 22, 18, 0.55);
  --glass-border: rgba(212, 163, 115, 0.15);

  --shadow-lg: 0 12px 32px rgba(0,0,0,0.4);
  --shadow-xl: 0 24px 48px rgba(0,0,0,0.5);
}