/*
 * CONSTRUCTORA MC — Design Tokens (solo variables)
 * No contiene estilos globales, solo CSS custom properties.
 */
:root {
  /* Paleta */
  --midnight: #122C4F;
  --pearl:    #FBF9E4;
  --ocean:    #5B88B2;
  --noir:     #000000;

  /* Derivados de color */
  --midnight-90:  #1a3a64;
  --midnight-60:  rgba(18,44,79,0.60);
  --midnight-30:  rgba(18,44,79,0.30);
  --midnight-12:  rgba(18,44,79,0.12);
  --pearl-soft:   #F4F1D6;
  --pearl-deep:   #E8E4C4;
  --ocean-soft:   rgba(91,136,178,0.18);
  --ocean-deep:   #487196;
  --gold:         #C8A870;
  --gold-dark:    #B8965E;
  --line:         rgba(18,44,79,0.12);
  --line-strong:  rgba(18,44,79,0.24);

  /* Semánticos — usados en todo el código */
  --bg:       #ffffff;
  --bg-soft:  #F8F6F1;
  --bg-deep:  #EDE9DF;
  --surface:  #ffffff;
  --ink:      #122C4F;
  --ink-soft: rgba(18,44,79,0.60);
  --ink-faint:rgba(18,44,79,0.30);
  --accent:   #5B88B2;

  /* Semáforo */
  --danger:   #B23A48;
  --success:  #2E7D5B;
  --warning:  #C98A1F;

  /* Tipografía */
  --font-display: "Playfair Display", "Bricolage Grotesque", "Cormorant Garamond", Georgia, serif;
  --font-body:    "DM Sans", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "Courier New", monospace;

  /* Radios */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(18,44,79,0.08);
  --shadow-md: 0 4px 16px rgba(18,44,79,0.10);
  --shadow-lg: 0 16px 48px rgba(18,44,79,0.14);

  /* Espaciado */
  --container: 1280px;
  --section-py: 100px;

  /* Gradientes decorativos */
  --grad-ocean: linear-gradient(135deg, var(--ocean) 0%, #7ab3d4 100%);
  --grad-midnight: linear-gradient(135deg, var(--midnight) 0%, #1e4a80 100%);
  --grad-hero: linear-gradient(135deg, rgba(7,17,31,0.92) 0%, rgba(18,44,79,0.72) 55%, rgba(91,136,178,0.28) 100%);
}