/**
 * PulseFit Studio — Design Tokens
 * Fuente de verdad para colores, tipografía y espaciado.
 * Usar estas variables en el front público y en módulos admin futuros.
 */
:root {
  /* ── Marca ── */
  --pf-gold: #C9A66B;
  --pf-gold-hover: #b8955c;
  --pf-gold-light: #F5E6D3;
  --pf-gold-muted: rgba(201, 166, 107, 0.18);
  --pf-gold-focus: rgba(201, 166, 107, 0.25);
  --pf-gold-shadow: rgba(201, 166, 107, 0.3);

  /* Alias usados en adminstudio-front */
  --color-primary: var(--pf-gold);
  --color-accent: var(--pf-gold);

  /* ── Neutros ── */
  --pf-dark: #333333;
  --pf-navbar: #212529;
  --pf-text: #212121;
  --pf-text-muted: #6c757d;
  --pf-text-subtle: #555555;
  --pf-bg: #F5F5F5;
  --pf-surface: #ffffff;
  --pf-surface-alt: #fafafa;
  --pf-border: #e0e0e0;
  --pf-border-light: #e9ecef;
  --pf-disabled: #9e9e9e;
  --pf-code-bg: #f4f4f4;

  /* Alias legacy */
  --color-dark: var(--pf-dark);
  --color-light-bg: var(--pf-bg);
  --color-text-main: var(--pf-text);

  /* ── Texto sobre acentos ── */
  --pf-on-gold: #000000;
  --pf-on-dark: #ffffff;
  --pf-footer-text: rgba(255, 255, 255, 0.82);
  --pf-footer-text-muted: rgba(255, 255, 255, 0.5);
  --pf-footer-link-hover: var(--pf-gold);

  /* ── Tipografía ── */
  --pf-font-body: "Rubik", "Helvetica Neue", Arial, sans-serif;
  --pf-font-heading: "Montserrat", sans-serif;
  --pf-font-display: "Bebas Neue", sans-serif;
  --pf-font-alt: "Lato", sans-serif;

  /* ── Radios ── */
  --pf-radius-sm: 0.375rem;
  --pf-radius: 0.5rem;
  --pf-radius-lg: 1rem;
  --pf-radius-pill: 999px;

  /* ── Sombras ── */
  --pf-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --pf-shadow-md: 0 4px 20px rgba(201, 166, 107, 0.3);
  --pf-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);

  /* ── Admin / gráficos (reservado) ── */
  --pf-chart-1: var(--pf-gold);
  --pf-chart-2: var(--pf-dark);
  --pf-chart-3: #8b7355;
  --pf-chart-4: #d4c4a8;
  --pf-chart-5: #4a4a4a;
  --pf-success: #198754;
  --pf-warning: #ffc107;
  --pf-danger: #dc3545;
  --pf-info: #0dcaf0;
}