/* css/theme.css - Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

:root {
  /* Color Palette (Dark Theme / Sober Morning) */
  --bg-main: hsl(220, 25%, 10%);       /* Azul escuro profundo / ardósia */
  --bg-surface: hsl(220, 20%, 14%);    /* Charcoal suave para cards */
  --bg-glass: hsla(220, 20%, 14%, 0.7); /* Vidro para cabeçalhos fixos */
  
  --text-main: hsl(40, 30%, 96%);      /* Creme / off-white suave */
  --text-muted: hsl(220, 15%, 70%);    /* Texto secundário */
  
  --accent-primary: hsl(38, 90%, 55%); /* Dourado / âmbar quente */
  --accent-glow: hsla(38, 90%, 55%, 0.3); /* Brilho do dourado */
  
  --border-subtle: hsl(220, 15%, 22%); /* Bordas sutis e divisórias */
  
  --success-color: hsl(142, 60%, 45%); /* Verde esmeralda suave (celebrar presença) */
  --inactive-color: hsl(220, 15%, 25%);/* Dias não concluídos */

  /* Typography */
  --font-ui: 'Inter', sans-serif;
  --font-reading: 'Playfair Display', serif;

  /* Spacing Scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}