:root {
  --font-base: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;

  --fs-topbar: 0.6875rem;  /* 11px */
  --fs-nav:    0.8125rem;  /* 13px */
  --fs-badge:  0.625rem;   /* 10px */
  --fs-label:  0.625rem;   /* 10px */
  --fs-meta:   0.75rem;    /* 12px */
  --fs-body:   0.875rem;   /* 14px */
  --fs-table:  0.875rem;   /* 14px */
  --fs-h3:     1rem;       /* 16px */
  --fs-h2:     1.125rem;   /* 18px */
  --fs-h1:     1.5rem;     /* 24px */

  --fw-regular:400; --fw-medium:500; --fw-semibold:600;
  --fw-bold:700; --fw-extra:800; --fw-black:900;

  --ls-caps:1.5px; --ls-badge:0.8px; --ls-btn:1px;
  --lh-tight:1.25; --lh-base:1.5;

  /* === MARCA === */
  --c-primary:       #CC0000;
  --c-primary-dark:  #AA0000;
  --c-primary-soft:  #FDF2F2;   /* fondos y hovers suaves */

  /* === SEMÁNTICOS === */
  --c-success:       #16A34A;
  --c-warn:          #E67E00;

  /* === MEDALLAS (no son de marca, no cambiar) === */
  --c-gold:          #D4A017;
  --c-silver:        #8E8E93;
  --c-bronze:        #CD7F32;
  --c-gold-bg:       #FFF8DC;
  --c-silver-bg:     #F0F0F0;
  --c-bronze-bg:     #F5E0C3;

  /* === TEXTO === */
  --c-text:          #1E1E1E;
  --c-text-muted:    #555555;
  --c-text-subtle:   #888888;   /* solo decorativo, no texto de lectura */
  --c-text-invert:   #FFFFFF;

  /* === SUPERFICIES === */
  --c-bg:            #F4F6F9;
  --c-surface:       #FFFFFF;
  --c-surface-alt:   #F8F9FA;
  --c-surface-hover: #F1F3F4;
  --c-border:        #E0E0E0;
  --c-border-strong: #CFCFCF;

  /* === HEADERS DE TABLA === */
  --c-thead-bg:      #1E1E1E;
  --c-thead-text:    #FFFFFF;

  /* === HERO OSCURO (sección de clasificados) === */
  --c-hero-bg:          #16181C;
  --c-hero-surface:     #1E2127;
  --c-hero-photo:       #252932;
  --c-hero-border:      #2C2F36;
  --c-hero-text:        #FFFFFF;
  --c-hero-text-muted:  #9BA1AC;
  --c-hero-text-subtle: #7A808B;
  --c-hero-accent:      #FF4444;

  /* === SOMBRAS === */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.10);
}

@media (max-width: 767px) {
  :root {
    --fs-table: 0.8125rem;
    --fs-h1: 1.25rem;
    --fs-h2: 1rem;
  }
}