/*
 * AGDP Design System 1.0
 * Tokens fundamentales de identidad.
 *
 * Este archivo no contiene estilos específicos de páginas.
 * Solo define valores reutilizables por toda la plataforma.
 */

:root {
  /* ========================================================
     IDENTIDAD CROMÁTICA
     ======================================================== */

  --agdg-navy-950: #020a12;
  --agdg-navy-900: #06111d;
  --agdg-navy-850: #091827;
  --agdg-navy-800: #0c2033;
  --agdg-navy-700: #16334d;

  --agdg-gold-700: #8e6427;
  --agdg-gold-600: #b17a2e;
  --agdg-gold-500: #d29a43;
  --agdg-gold-400: #e5b866;
  --agdg-gold-300: #f0cd8a;

  --agdg-white: #f7f8fa;
  --agdg-gray-100: #e9edf2;
  --agdg-gray-300: #b8c2cf;
  --agdg-gray-500: #7c8999;
  --agdg-gray-700: #485567;

  --agdg-success: #2ecc71;
  --agdg-warning: #e0a33a;
  --agdg-danger: #e05b5b;
  --agdg-info: #4f8fd8;


  /* ========================================================
     COLORES SEMÁNTICOS
     ======================================================== */

  --agdg-bg-page: var(--agdg-navy-950);
  --agdg-bg-surface: var(--agdg-navy-900);
  --agdg-bg-surface-raised: var(--agdg-navy-850);
  --agdg-bg-interactive: var(--agdg-navy-800);

  --agdg-text-primary: var(--agdg-white);
  --agdg-text-secondary: var(--agdg-gray-300);
  --agdg-text-muted: var(--agdg-gray-500);

  --agdg-accent: var(--agdg-gold-500);
  --agdg-accent-hover: var(--agdg-gold-400);
  --agdg-accent-soft: rgba(210, 154, 67, 0.14);

  --agdg-border: rgba(184, 194, 207, 0.16);
  --agdg-border-strong: rgba(210, 154, 67, 0.42);


  /* ========================================================
     TIPOGRAFÍA
     ======================================================== */

  --agdg-font-sans:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --agdg-font-display:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --agdg-font-mono:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    monospace;

  --agdg-font-size-xs: 0.75rem;
  --agdg-font-size-sm: 0.875rem;
  --agdg-font-size-md: 1rem;
  --agdg-font-size-lg: 1.125rem;
  --agdg-font-size-xl: 1.375rem;
  --agdg-font-size-2xl: 1.75rem;
  --agdg-font-size-3xl: 2.25rem;
  --agdg-font-size-4xl: clamp(2.7rem, 7vw, 6rem);

  --agdg-line-height-tight: 1.15;
  --agdg-line-height-normal: 1.5;
  --agdg-line-height-relaxed: 1.7;


  /* ========================================================
     ESPACIADO
     ======================================================== */

  --agdg-space-1: 0.25rem;
  --agdg-space-2: 0.5rem;
  --agdg-space-3: 0.75rem;
  --agdg-space-4: 1rem;
  --agdg-space-5: 1.25rem;
  --agdg-space-6: 1.5rem;
  --agdg-space-8: 2rem;
  --agdg-space-10: 2.5rem;
  --agdg-space-12: 3rem;
  --agdg-space-16: 4rem;


  /* ========================================================
     BORDES Y SOMBRAS
     ======================================================== */

  --agdg-radius-sm: 0.5rem;
  --agdg-radius-md: 0.75rem;
  --agdg-radius-lg: 1rem;
  --agdg-radius-xl: 1.35rem;
  --agdg-radius-pill: 999px;

  --agdg-shadow-sm:
    0 6px 20px rgba(0, 0, 0, 0.18);

  --agdg-shadow-md:
    0 16px 42px rgba(0, 0, 0, 0.28);

  --agdg-shadow-gold:
    0 12px 34px rgba(210, 154, 67, 0.16);


  /* ========================================================
     MOVIMIENTO
     ======================================================== */

  --agdg-duration-fast: 140ms;
  --agdg-duration-normal: 220ms;
  --agdg-duration-slow: 360ms;

  --agdg-ease-standard:
    cubic-bezier(0.2, 0.8, 0.2, 1);

  --agdg-transition:
    var(--agdg-duration-normal)
    var(--agdg-ease-standard);
}