/* ═══════════════════════════════════════════════════
   DESIGN SYSTEM — Paraguay Aikikai
   Modificar aquí afecta toda la web
═══════════════════════════════════════════════════ */
:root {

  /* ── Colores base ── */
  --c-black:    #06070a;
  --c-dark:     #0c0f15;
  --c-dark2:    #101419;
  --c-card:     #13171f;
  --c-card2:    #181c26;
  --c-border:   rgba(255, 255, 255, .07);
  --c-border-h: rgba(255, 255, 255, .14);

  /* ── Texto ── */
  --c-white:    #ede8df;
  --c-muted:    #6e6e82;
  --c-muted2:   #9494a8;

  /* ── Acento rojo (principal) ── */
  --c-red:      #c0392b;
  --c-red-h:    #a02318;
  --c-red-dim:  rgba(192, 57, 43, .15);

  /* ── Acento dorado (decorativo) ── */
  --c-gold:     #c9a84c;
  --c-gold-l:   #e2c570;
  --c-gold-dim: rgba(201, 168, 76, .15);

  /* ── Otros ── */
  --c-green:    #25d366;
  --c-blue:     #3b82f6;

  /* ── Tipografía ── */
  --f-serif:  'Noto Serif JP', Georgia, 'Times New Roman', serif;
  --f-sans:   'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Espaciado base (usados como referencia) ── */
  --s-xs:  .5rem;
  --s-sm:  1rem;
  --s-md:  1.5rem;
  --s-lg:  2.5rem;
  --s-xl:  4rem;
  --s-2xl: 7rem;

  /* ── Bordes redondeados ── */
  --r-xs: 4px;
  --r-sm: 6px;
  --r:    10px;
  --r-lg: 18px;
  --r-xl: 28px;

  /* ── Transiciones ── */
  --tr-fast: .18s ease;
  --tr:      .32s ease;
  --tr-slow: .6s ease;

  /* ── Sombras ── */
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);
  --shadow:    0 16px 48px rgba(0, 0, 0, .55);
  --shadow-lg: 0 32px 80px rgba(0, 0, 0, .75);
  --shadow-red: 0 12px 40px rgba(192, 57, 43, .4);
  --shadow-gold: 0 8px 32px rgba(201, 168, 76, .3);

  /* ── Z-index ── */
  --z-base:    1;
  --z-float:   50;
  --z-menu:    95;
  --z-header:  90;
  --z-modal:   100;
  --z-pre:     999;

  /* ── Sección padding ── */
  --section-py: 7rem;
}