/**
* CEDH Design Tokens — Variables CSS
*
* Fuente: tokens/colors.json + tokens/typography.json (v1.1)
* Versión: 1.1.0
* Generado: 2026-05-02
*
* USO EN SUIG (Bootstrap 5):
* En el del template:
*
*
*
* Después en CSS personalizado, sobrescribir variables Bootstrap:
* :root {
* --bs-primary: var(--cedh-cobalt);
* --bs-secondary: var(--cedh-baltic);
* --bs-success: var(--cedh-teal);
* --bs-danger: var(--cedh-salmon);
* --bs-body-font-family: var(--cedh-font-sans);
* }
*
* NOTA SOBRE PDFs:
* PDFs generados con DomPDF deben usar var(--cedh-font-pdf-serif) (Georgia)
* porque DomPDF NO descarga Google Fonts en runtime. Las fuentes web (Rubik,
* DM Serif Display) NO funcionan en PDFs generados por DomPDF.
*/
:root {
/* ============================================================
* COLORES — Paleta CEDH 2026
* Manual de Identidad Gráfica CEDH v11
* ============================================================ */
/* Primary */
--cedh-cobalt: #272F7A;
--cedh-baltic: #2C5F7C;
/* Accent */
--cedh-salmon: #E8927C;
--cedh-apricot: #F4D5A6;
--cedh-teal: #7BA591;
/* Neutral */
--cedh-charcoal: #4A4A4A;
--cedh-seashell: #FFF8F3;
--cedh-text: #0A0A0A;
--cedh-border: #E5E7EB;
--cedh-muted: #6B7280;
/* Functional */
--cedh-success: #16A34A;
--cedh-warning: #EAB308;
--cedh-danger: #DC2626;
--cedh-info: #1E40AF;
/* Agenda de Presidencia — tipos de evento */
--cedh-agenda-audiencia: #337AB7;
--cedh-agenda-institucional: #5CB85C;
--cedh-agenda-invitacion: #F0AD4E;
--cedh-cobalt-tint: #F0F3FA;
/* Reuniones Zoom */
--cedh-zoom-blue: #2D8CFF;
/* ============================================================
* TIPOGRAFÍA WEB
* Fuente de verdad: sitio público cedhsinaloa.org.mx
* Requiere Google Fonts (ver googleFontsUrl en tokens.css header)
* ============================================================ */
/* Font Families (web) */
--cedh-font-serif: 'DM Serif Display', Georgia, 'Times New Roman', serif;
--cedh-font-sans: 'Rubik', 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--cedh-font-mono: ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace;
/* Font Family (PDF — DomPDF, sin Google Fonts) */
--cedh-font-pdf-serif: Georgia, 'Times New Roman', serif;
/* Font Sizes (web) */
--cedh-text-xs: 0.75rem; /* 12px */
--cedh-text-sm: 0.875rem; /* 14px */
--cedh-text-base: 1rem; /* 16px */
--cedh-text-lg: 1.125rem; /* 18px */
--cedh-text-xl: 1.25rem; /* 20px */
--cedh-text-2xl: 1.5rem; /* 24px */
--cedh-text-3xl: 1.875rem; /* 30px */
--cedh-text-4xl: 2.25rem; /* 36px */
/* Font Sizes (PDF — DomPDF, Georgia) */
--cedh-pdf-footer: 8pt;
--cedh-pdf-body: 11pt;
--cedh-pdf-subhead: 13pt;
--cedh-pdf-head: 16pt;
--cedh-pdf-title: 20pt;
/* Font Weights */
--cedh-weight-normal: 400;
--cedh-weight-medium: 500;
--cedh-weight-semibold: 600;
--cedh-weight-bold: 700;
/* Line Heights */
--cedh-leading-tight: 1.25;
--cedh-leading-snug: 1.375;
--cedh-leading-normal: 1.5;
--cedh-leading-relaxed: 1.625;
--cedh-leading-pdf: 1.3;
/* Letter Spacing */
--cedh-tracking-tight: -0.02em;
--cedh-tracking-normal: 0;
--cedh-tracking-wide: 0.05em;
}
/* ============================================================
* UTILIDADES OPCIONALES
* Clases auxiliares para uso directo en HTML.
* ============================================================ */
.cedh-bg-cobalt { background-color: var(--cedh-cobalt); color: var(--cedh-seashell); }
.cedh-bg-baltic { background-color: var(--cedh-baltic); color: var(--cedh-seashell); }
.cedh-bg-salmon { background-color: var(--cedh-salmon); color: var(--cedh-text); }
.cedh-bg-apricot { background-color: var(--cedh-apricot); color: var(--cedh-text); }
.cedh-bg-teal { background-color: var(--cedh-teal); color: var(--cedh-text); }
.cedh-bg-seashell { background-color: var(--cedh-seashell); color: var(--cedh-text); }
.cedh-text-cobalt { color: var(--cedh-cobalt); }
.cedh-text-baltic { color: var(--cedh-baltic); }
.cedh-text-salmon { color: var(--cedh-salmon); }
.cedh-text-charcoal { color: var(--cedh-charcoal); }
.cedh-text-muted { color: var(--cedh-muted); }
.cedh-text-danger { color: var(--cedh-danger); }
.cedh-text-success { color: var(--cedh-success); }
.cedh-font-serif { font-family: var(--cedh-font-serif); }
.cedh-font-sans { font-family: var(--cedh-font-sans); }
.cedh-font-mono { font-family: var(--cedh-font-mono); }
.cedh-font-pdf-serif { font-family: var(--cedh-font-pdf-serif); }