/* ═══════════════════════════════════════════════════════════ PITAZO — Design tokens variables.css · imported first by every page ═══════════════════════════════════════════════════════════ */ /* ── Reset ── */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } /* ── Tokens ── */ :root { --font: 'Segoe UI', system-ui, -apple-system, sans-serif; /* Surfaces */ --clr-bg: #F1F5F9; --clr-surface: #FFFFFF; --clr-border: #E2E8F0; --clr-subtle: #F8FAFC; /* Text */ --clr-text: #0F172A; --clr-muted: #64748B; --clr-faint: #94A3B8; /* Feedback */ --clr-error-bg: #FEE2E2; --clr-error-text: #DC2626; --clr-error-border: #FECACA; /* Accent — default Pitazo blue, overridden per role below */ --accent: #1F4E79; --accent-hover: #163D5E; /* Radii */ --r-sm: 6px; --r-md: 10px; --r-lg: 12px; --r-pill: 9999px; /* Transitions */ --t-fast: 0.12s ease; --t-base: 0.15s ease; /* Shadows */ --shadow-sm: 0 1px 3px rgba(0,0,0,0.08); --shadow-md: 0 4px 12px rgba(0,0,0,0.10); } /* ── Role accent overrides (set data-role on ) ── */ [data-role="SuperAdmin"] { --accent: #0A0A0A; --accent-hover: #000000; } [data-role="Admin"] { --accent: #1F4E79; --accent-hover: #163D5E; } [data-role="Staff"] { --accent: #065F46; --accent-hover: #064E3B; } [data-role="Arbitro"] { --accent: #92400E; --accent-hover: #78350F; } [data-role="Manager"] { --accent: #735889; --accent-hover: #5e4670; } [data-role="Jugador"] { --accent: #9A3412; --accent-hover: #7C2D12; } [data-role="Espectador"] { --accent: #155E75; --accent-hover: #164E63; } [data-role="Patrocinador"] { --accent: #A16207; --accent-hover: #854D0E; } /* ── Base ── */ body { font-family: var(--font); background: var(--clr-bg); color: var(--clr-text); min-height: 100vh; line-height: 1.5; }