/* ============================================
   ActionLatam — Design Tokens (CSS Variables)
   Dark theme = default | Light theme via [data-theme="light"]
   RGB triplets for Tailwind opacity support
   ============================================ */

:root {
  /* Backgrounds */
  --background: 9 9 11;              /* #09090B */
  --foreground: 250 250 250;         /* #FAFAFA */
  --card: 24 24 27;                  /* #18181B */
  --card-foreground: 250 250 250;    /* #FAFAFA */
  --muted: 39 39 42;                 /* #27272A */
  --muted-foreground: 161 161 170;   /* #A1A1AA */

  /* Brand Accents */
  --accent: 0 229 255;               /* #00E5FF — cyan principal */
  --accent-foreground: 9 9 11;       /* #09090B */
  --primary: 0 112 243;              /* #0070F3 — azul principal */
  --primary-foreground: 255 255 255; /* #FFFFFF */

  /* Semantic States */
  --destructive: 239 68 68;          /* #EF4444 */
  --destructive-foreground: 255 255 255;
  --success: 34 197 94;              /* #22C55E */
  --success-foreground: 255 255 255;
  --warning: 245 158 11;             /* #F59E0B */
  --warning-foreground: 9 9 11;

  /* UI Elements */
  --border: 39 39 42;                /* #27272A */
  --input: 39 39 42;                 /* #27272A */
  --ring: 0 112 243;                 /* #0070F3 */

  /* Sidebar */
  --sidebar: 9 9 11;                 /* #09090B */
  --sidebar-foreground: 250 250 250;
  --sidebar-accent: 24 24 27;        /* #18181B */
  --sidebar-active-border: 0 112 243;/* #0070F3 */

  /* Header */
  --header: 9 9 11;                  /* #09090B — se usa con /80 opacity */

  /* Radius */
  --radius: 0.5rem;
}

/* ============================================
   Light Theme Override
   ============================================ */
[data-theme="light"] {
  --background: 255 255 255;         /* #FFFFFF */
  --foreground: 9 9 11;              /* #09090B */
  --card: 244 244 245;               /* #F4F4F5 */
  --card-foreground: 9 9 11;
  --muted: 228 228 231;              /* #E4E4E7 */
  --muted-foreground: 82 82 91;      /* #52525B */

  --accent: 8 145 178;               /* #0891B2 */
  --accent-foreground: 255 255 255;
  --primary: 37 99 235;              /* #2563EB */
  --primary-foreground: 255 255 255;

  --destructive: 220 38 38;          /* #DC2626 */
  --destructive-foreground: 255 255 255;
  --success: 22 163 74;              /* #16A34A */
  --success-foreground: 255 255 255;
  --warning: 217 119 6;              /* #D97706 */
  --warning-foreground: 9 9 11;

  --border: 212 212 216;             /* #D4D4D8 */
  --input: 212 212 216;
  --ring: 37 99 235;

  --sidebar: 244 244 245;            /* #F4F4F5 */
  --sidebar-foreground: 9 9 11;
  --sidebar-accent: 228 228 231;
  --sidebar-active-border: 37 99 235;

  --header: 255 255 255;
}