/*
 * Noakhali Cricket — design tokens (modern admin UI refresh).
 * Scoped to .nc-app so the theme cannot conflict with us.
 */

.nc-app {
	/* Surface palette — soft, slightly cool neutrals. */
	--nc-bg: #f5f7fb;
	--nc-bg-alt: #eef2f8;
	--nc-surface: #ffffff;
	--nc-surface-2: #fafbfe;
	--nc-border: #e6eaf2;
	--nc-border-strong: #d5dbe7;

	/* Text scale — grounded against WCAG AA contrast on white. */
	--nc-text: #0f172a;
	--nc-text-strong: #0b1220;
	--nc-muted: #64748b;
	--nc-muted-strong: #475569;

	/* Accent — an emerald primary with soft supporting stops. */
	--nc-primary: #10b981;
	--nc-primary-600: #059669;
	--nc-primary-50: #ecfdf5;
	--nc-primary-100: #d1fae5;
	--nc-on-primary: #ffffff;

	--nc-info: #2563eb;
	--nc-info-50: #eff6ff;

	/* Semantic stops — softer than pure red/green so they feel like an admin UI. */
	--nc-danger: #dc2626;
	--nc-danger-50: #fef2f2;
	--nc-danger-100: #fee2e2;

	--nc-success: #16a34a;
	--nc-success-50: #f0fdf4;
	--nc-warning: #d97706;
	--nc-warning-50: #fffbeb;

	/* Shape */
	--nc-radius-xs: 6px;
	--nc-radius-sm: 8px;
	--nc-radius: 14px;
	--nc-radius-lg: 18px;
	--nc-radius-xl: 24px;

	/* Spacing */
	--nc-gap: 18px;
	--nc-gap-lg: 24px;
	--nc-gap-xl: 32px;

	/* Shadows — three stops so components feel layered instead of floating. */
	--nc-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
	--nc-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
	--nc-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.12), 0 2px 6px -2px rgba(15, 23, 42, 0.06);
	--nc-shadow-lg: 0 20px 40px -18px rgba(15, 23, 42, 0.18), 0 6px 14px -6px rgba(15, 23, 42, 0.08);

	/* Focus ring — accessible but soft, no 3px "solid" block. */
	--nc-focus-ring: 0 0 0 4px rgba(16, 185, 129, 0.18);

	/* Typography */
	--nc-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--nc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

	/* Redesign step 1 — token set for the shared form primitives.
	 * Accent: the emerald primary above stays the single green accent.
	 * All new primitives consume these tokens only. */

	/* Neutral grey ramp (same cool slate family as the text/border palette). */
	--nc-grey-50: #f8fafc;
	--nc-grey-100: #f1f5f9;
	--nc-grey-200: #e2e8f0;
	--nc-grey-300: #cbd5e1;
	--nc-grey-400: #94a3b8;
	--nc-grey-500: #64748b;
	--nc-grey-600: #475569;
	--nc-grey-700: #334155;
	--nc-grey-900: #0f172a;

	/* Shape: cards sit in the 12–16px band, controls at 10px. */
	--nc-radius-card: var(--nc-radius);
	--nc-radius-input: 10px;

	/* Control height (inputs/selects/buttons are 44px touch targets). */
	--nc-control-height: 44px;

	/* Dashboard shell — desktop sidebar rail width. */
	--nc-sidebar-width: 264px;

	/* Spacing — 8px grid. */
	--nc-space-1: 8px;
	--nc-space-2: 16px;
	--nc-space-3: 24px;
	--nc-space-4: 32px;
	--nc-space-5: 40px;

	/* Type scale */
	--nc-font-page-title: 26px;
	--nc-font-section-title: 17px;
	--nc-font-label: 13px;
	--nc-font-helper: 12.5px;
}