/**
 * futdata-wp — Brand design-token layer (--fdt-*)
 *
 * Single source of truth for color, typography, spacing, radius and shadow.
 * Authoritative palette: navy #003366 + burnt orange #CB5600
 * (ux-design-specification.md § Color System / § Brand Identity).
 *
 * Prefix is intentionally `--fdt-` (NOT the legacy `--fda-`) so this plugin
 * coexists with the legacy `futebol-da` plugin without style bleed.
 *
 * Loaded only on Futdata plugin pages (admin + frontend) — see
 * FrontendManager::enqueue_assets() and AdminManager::enqueue_admin_assets().
 */

:root {
	/* ── Brand / primary (navy) ───────────────────────────── */
	--fdt-primary:       #003366; /* brand navy — CTAs, links, active, nav */
	--fdt-primary-dark:  #002244; /* navy -15% — hover on primary */
	--fdt-primary-light: #B3C6D9; /* navy tint 65% — selected, subtle bg */
	--fdt-primary-bg:    #EBF1F7; /* navy tint 90% — section / info bg */

	/* ── Accent (burnt orange) ────────────────────────────── */
	--fdt-accent:      #CB5600; /* brand orange — energy, highlights, badges */
	--fdt-accent-dark: #A34500; /* orange -20% — hover on accent */
	--fdt-accent-bg:   #FDF0E6; /* orange tint 90% — accent area bg */

	/* ── Status ───────────────────────────────────────────── */
	--fdt-danger:      #DC3545;
	--fdt-live:        #DC3545;
	--fdt-live-bg:     #FEF2F2;
	--fdt-warning:     #F59E0B; /* sync staleness — always paired w/ text */
	--fdt-warning-bg:  #FFFBEB;
	--fdt-success:     #16A34A; /* heartbeat "AO VIVO" dot */

	/* ── Text ─────────────────────────────────────────────── */
	--fdt-text:        #1E293B;
	--fdt-text-middle: #334D6E;
	--fdt-text-muted:  #64748B;
	--fdt-text-light:  #94A3B8;

	/* ── Surfaces ─────────────────────────────────────────── */
	--fdt-bg:     #FFFFFF;
	--fdt-bg-alt: #F8FAFC;
	--fdt-border: #E2E8F0;

	/* ── Radius ───────────────────────────────────────────── */
	--fdt-radius-sm: 4px;
	--fdt-radius:    6px;
	--fdt-radius-lg: 10px;

	/* ── Shadow ───────────────────────────────────────────── */
	--fdt-shadow:    0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);
	--fdt-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);

	/* ── Spacing ──────────────────────────────────────────── */
	--fdt-gap:    12px;
	--fdt-gap-lg: 20px;

	/* ── Typography ───────────────────────────────────────── */
	--fdt-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--fdt-font-size: 15px;

	/* ── Responsive breakpoints (documented constants) ───────
	 * --fdt-bp-compact: 1280px (below → single column)
	 * --fdt-bp-wide:    1440px (above → expanded columns)
	 * Used by media queries in components/admin CSS (Story 14.2). */
}

/*
 * Inter self-hosting (WP.org compliant — NO third-party CDN at runtime).
 *
 * Drop the woff2 subset files into assets/fonts/ and uncomment the block
 * below. Until then, --fdt-font-sans falls back gracefully to system-ui.
 * Files expected (latin subset, ~15kb total):
 *   assets/fonts/inter-400.woff2  (weight 400)
 *   assets/fonts/inter-500.woff2  (weight 500)
 *   assets/fonts/inter-600.woff2  (weight 600)
 *   assets/fonts/inter-700.woff2  (weight 700)
 *
 * NOTE: url() paths are relative to THIS file (assets/css/tokens.css),
 * so ../fonts/ resolves to assets/fonts/.
 */
/*
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/inter-700.woff2') format('woff2'); }
*/

/* Tabular numerals — prevents layout shift on live-updating numbers. */
.fdt-tnum,
.fdt-score-value,
.fdt-scoreboard-score,
.fdt-standings-table td,
.fdt-event-time {
	font-variant-numeric: tabular-nums;
}