:root {
    --app-top-bar-height: 52px;
    /* Altura efectiva bajo la barra (safe-area en tablet / PWA); desktop = 52px */
    --app-top-bar-offset: var(--app-top-bar-height);

    /* —— Rugby Tactics Pro · 60-30-10 · Dark —— */
    --rtp-bg-gradient: radial-gradient(circle at 50% 50%, #0f172a 0%, #020617 100%);
    --rtp-surface: #0f172a;
    --rtp-border: #1e293b;
    --rtp-brand-primary: #ff4500;
    --rtp-brand-text: #ffffff;
    --rtp-brand-muted: #94a3b8;
    --rtp-logo-lines: #ffffff;
    --rtp-logo-bg: #020617;
    --rtp-navy: #0f172a;
    --rtp-on-navy: #ffffff;

    --rtp-color-success: #22c55e;
    --rtp-color-danger: #ef4444;
    --rtp-on-primary: #ffffff;

    --rtp-surface-raised: #1e293b;
    --rtp-surface-inset: #020617;
    --rtp-input-bg: #020617;
    --rtp-bg-app: #0f172a;
    --rtp-shadow-soft: 0 20px 40px rgba(0, 0, 0, 0.35);
    --rtp-focus-ring: color-mix(in srgb, var(--rtp-brand-primary) 35%, transparent);

    --rtp-bg-dark: var(--rtp-bg-app);
    --rtp-bg-panel: var(--rtp-surface-raised);
    --rtp-card-bg: color-mix(in srgb, var(--rtp-surface) 88%, #000 12%);
    --rtp-border-panel: var(--rtp-border);
    --rtp-slate-900: var(--rtp-surface);
    --rtp-slate-800: var(--rtp-surface-raised);
    --rtp-slate-700: #334155;

    --rtp-font-brand: "Montserrat", "Inter", system-ui, -apple-system, sans-serif;
    --rtp-font-ui: "Inter", system-ui, -apple-system, sans-serif;
    --rtp-transition-ui: all 0.2s ease;
    --rtp-hover-glow: 0 0 0 1px color-mix(in srgb, var(--rtp-brand-primary) 28%, transparent),
        0 4px 14px color-mix(in srgb, var(--rtp-brand-primary) 18%, transparent);

    --rtp-topbar-menu-bg: var(--rtp-navy);
    --rtp-topbar-menu-border: #1e293b;
    --rtp-topbar-chip-bg: var(--rtp-navy);
    --rtp-topbar-chip-text: var(--rtp-on-navy);

    --rtp-workshop-panel-bg: var(--rtp-navy);
    --rtp-workshop-panel-text: var(--rtp-on-navy);
    --rtp-workshop-panel-muted: #94a3b8;
    --rtp-workshop-panel-raised: #1e293b;
    --rtp-workshop-panel-inset: #020617;
    --rtp-workshop-panel-border: #1e293b;
}