/* ==========================================================================
   GPN Theme — Design Tokens
   Dark-only launch palette, derived from the Global Pigeon Network logo.
   Foundation layer: components and templates inherit from these variables.
   ========================================================================== */

:root {
	/* --- Surfaces (dark navy, not pure black) --- */
	--gpnt-bg: #0B1A2E;            /* base page background (logo icon navy) */
	--gpnt-surface: #13263F;      /* cards, post containers */
	--gpnt-surface-2: #1B3251;    /* raised / hover / avatars */
	--gpnt-surface-3: #24395A;    /* active pressed states */

	/* --- Borders / dividers --- */
	--gpnt-border: #24395A;       /* hairline borders */
	--gpnt-border-soft: #1B3251;  /* subtle inner dividers */

	/* --- Text --- */
	--gpnt-text: #EAF0F7;         /* primary (off-white, not #FFF) */
	--gpnt-text-secondary: #93A6BF;
	--gpnt-text-muted: #6B7E98;
	--gpnt-text-on-accent: #EAF0F7;

	/* --- Accent (logo globe / NETWORK blue) --- */
	--gpnt-accent: #2F80ED;
	--gpnt-accent-hover: #4A90E2;
	--gpnt-accent-active: #1F6BD0;
	--gpnt-accent-soft: rgba(47, 128, 237, 0.14); /* tinted bg for selected states */
	--gpnt-accent-2: #5BA3E0;     /* secondary/lighter accent (links) */

	/* --- Reaction hues (minimal warmth, expected for reactions) --- */
	--gpnt-react-like: #2F80ED;
	--gpnt-react-love: #F0506E;
	--gpnt-react-laugh: #F5A623;
	--gpnt-react-wow: #F5A623;
	--gpnt-react-sad: #6B7E98;

	/* --- Semantic --- */
	--gpnt-success: #2FBF71;
	--gpnt-danger: #E5484D;
	--gpnt-warning: #F5A623;
	--gpnt-info: #2F80ED;

	/* --- Typography --- */
	--gpnt-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
	--gpnt-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* Type scale (mobile-first, rem-based) */
	--gpnt-text-xs: 0.75rem;   /* 12px */
	--gpnt-text-sm: 0.8125rem; /* 13px */
	--gpnt-text-base: 0.9375rem; /* 15px */
	--gpnt-text-md: 1rem;      /* 16px */
	--gpnt-text-lg: 1.125rem;  /* 18px */
	--gpnt-text-xl: 1.375rem;  /* 22px */
	--gpnt-text-2xl: 1.75rem;  /* 28px */

	--gpnt-weight-regular: 400;
	--gpnt-weight-medium: 500;
	--gpnt-weight-bold: 600;
	--gpnt-leading-tight: 1.3;
	--gpnt-leading-normal: 1.5;

	/* --- Spacing scale (4px base) --- */
	--gpnt-space-1: 4px;
	--gpnt-space-2: 8px;
	--gpnt-space-3: 12px;
	--gpnt-space-4: 16px;
	--gpnt-space-5: 24px;
	--gpnt-space-6: 32px;
	--gpnt-space-7: 48px;

	/* --- Radius --- */
	--gpnt-radius-sm: 8px;
	--gpnt-radius-md: 12px;
	--gpnt-radius-lg: 16px;   /* cards */
	--gpnt-radius-pill: 999px;

	/* --- Elevation (subtle on dark; lean on surface lightness, not heavy shadow) --- */
	--gpnt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
	--gpnt-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);

	/* --- Layout --- */
	--gpnt-feed-max: 600px;   /* centered single-column feed width on desktop */
	--gpnt-tap-min: 44px;     /* minimum touch target */
	--gpnt-header-h: 56px;
	--gpnt-tabbar-h: 56px;
}