/*
Theme Name: Unibit Child Theme
Theme URI: https://unibit.cl
Description: Child theme del design system Unibit — Agencia tecnológica chilena
Author: Unibit — Leonel Cuevas
Author URI: https://unibit.cl
Template: astra
Version: 1.4.2
Text Domain: unibit-child
*/

/* === VARIABLES CSS GLOBALES === */
:root {
  /* Colores de área */
  --color-soporte:     #3D6B4F;
  --color-marketing:   #E05A2B;
  --color-desarrollo:  #2D5BE3;

  /* Neutros */
  --color-neutral:     #F7F7F5;
  --color-text:        #111218;
  --color-text-muted:  #6B7280;
  --color-surface:     #FFFFFF;
  --color-border:      #E5E7EB;

  /* Tokens semánticos (light mode default) */
  --bg-primary:        #FFFFFF;
  --bg-secondary:      #F7F7F5;
  --bg-card:           #FFFFFF;
  --text-primary:      #111218;
  --text-muted:        #6B7280;

  /* Radios */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Espaciado fluid */
  --space-section:   clamp(3rem, 6vw, 5rem);
  --space-component: clamp(1.5rem, 3vw, 2.5rem);

  /* Transiciones */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* Sombras */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:  0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:  0 10px 30px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.04);
}

/* === COLOR DE ÁREA ACTIVA === */
[data-area="soporte"]    { --color-area: var(--color-soporte); }
[data-area="marketing"]  { --color-area: var(--color-marketing); }
[data-area="desarrollo"] { --color-area: var(--color-desarrollo); }