/*
 * DesCero Design System — Colors & Typography
 * Version: 1.0 · April 2026
 */

:root {
  --dc-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

:root {
  --dc-azul:          #1A3D5C;
  --dc-azul-m:        #2E86AB;
  --dc-azul-dark:     #0B1929;
  --dc-azul-light:    #F0F9FF;
  --dc-azul-gradient: linear-gradient(135deg, #1A3D5C 0%, #2E86AB 100%);

  --dc-verde:         #16A34A;
  --dc-verde-l:       #1E7A45;
  --dc-verde-d:       #145A32;
  --dc-verde-dd:      #0B2A1A;
  --dc-verde-light:   #F0FDF4;
  --dc-verde-selected:#DCFCE7;
  --dc-verde-text:    #14532D;
  --dc-verde-gradient:linear-gradient(135deg, #0B2A1A 0%, #145A32 100%);

  --dc-violeta:       #7C3AED;
  --dc-violeta-d:     #5B21B6;
  --dc-violeta-l:     #A78BFA;
  --dc-violeta-light: #F5F3FF;
  --dc-violeta-border:#DDD6FE;
  --dc-violeta-text:  #4C1D95;
  --dc-violeta-gradient: linear-gradient(135deg, #5B21B6 0%, #7C3AED 100%);

  --dc-btc:           #F7931A;
  --dc-btc-light:     #FFFBEB;
  --dc-btc-text-dark: #92400E;
  --dc-btc-text-dark2:#78350F;

  --dc-blanco:        #FFFFFF;
  --dc-fondo:         #F5F7FA;
  --dc-borde:         #E2E8F0;
  --dc-texto:         #64748B;
  --dc-oscuro:        #1E293B;
  --dc-placeholder:   #A0AEC0;

  --dc-rojo:          #DC2626;
  --dc-live-bg:       #ECFDF5;
  --dc-live-text:     #059669;
  --dc-test-bg:       #EEF2FF;
  --dc-test-text:     #4338CA;
}

:root {
  --dc-r:       12px;
  --dc-rs:      8px;
  --dc-sombra:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);

  --dc-max-util:  1120px;
  --dc-max-home:   900px;
  --dc-pad-card:    24px;
  --dc-pad-card-sm: 16px;
}

:root {
  --dc-type-hero:       clamp(1.3rem, 3vw, 1.75rem);
  --dc-type-hero-hub:   clamp(1.4rem, 3.5vw, 2rem);
  --dc-type-title:      1.15rem;
  --dc-type-subtitle:   1rem;
  --dc-type-body:       0.9rem;
  --dc-type-body-sm:    0.86rem;
  --dc-type-label:      0.7rem;
  --dc-type-hint:       0.72rem;

  --dc-fw-black:  800;
  --dc-fw-bold:   700;
  --dc-fw-semi:   600;
  --dc-fw-normal: 400;

  --dc-lh-body:     1.6;
  --dc-lh-heading:  1.25;
  --dc-lh-relaxed:  1.7;
}