/* === KOSMOTEKA — DESIGN TOKENS === */
/* "Kosmos" design system — dark space mode, glow effects, editorial typography. */

:root {
	/* Tła — od najgłębszej czerni do mlecznej drogi */
	--space-void: #050810;
	--space-deep: #0a0e1a;
	--space-blue: #0f1729;
	--space-mist: #1a2340;

	/* Akcenty — światło gwiazd */
	--star-white: #fafbff;
	--star-cream: #f5e8c8;
	--star-blue:  #b8d4ff;

	/* Mgławice — akcenty */
	--nebula-cyan:    #4dd9ff;
	--nebula-magenta: #ff5fa2;
	--nebula-violet:  #8b6fff;
	--solar-amber:    #ffb84d;

	/* Tekst */
	--text-primary:   #fafbff;
	--text-secondary: #a8b3cc;
	--text-tertiary:  #6b7488;

	/* Ramki / siatki */
	--border-subtle: rgba(184, 212, 255, 0.08);
	--border-strong: rgba(184, 212, 255, 0.20);

	/* Funkcjonalne */
	--success: #00d4a3;
	--error:   #ff5577;
	--warning: var(--solar-amber);

	/* Typografia */
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-mono:    "JetBrains Mono", "SF Mono", "Consolas", monospace;

	/* Skala fluid */
	--fluid-h1:    clamp(2.5rem, 1.5rem + 4vw, 5.5rem);
	--fluid-h2:    clamp(2rem,   1rem + 3vw,   3.75rem);
	--fluid-h3:    clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
	--fluid-body:  clamp(1rem,   0.95rem + 0.2vw, 1.125rem);
	--fluid-small: 0.875rem;

	/* Letter-spacing */
	--ls-display:  -0.02em;
	--ls-body:     0;
	--ls-mono:     0.05em;
	--ls-eyebrow:  0.18em;

	/* Spacing — 8pt grid */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-8: 48px;
	--space-10: 64px;
	--space-12: 80px;
	--space-16: 128px;
	--space-20: 200px;

	/* Sekcje */
	--section-y-mobile:  64px;
	--section-y-desktop: 120px;
	--section-y-hero:    200px;

	/* Borders / shapes */
	--radius-sm:   4px;
	--radius-md:   8px;
	--radius-lg:   12px;
	--radius-xl:   24px;
	--radius-full: 9999px;

	/* Glow shadows */
	--glow-cyan-sm:    0 0 12px rgba(77, 217, 255, 0.30);
	--glow-cyan-md:    0 0 24px rgba(77, 217, 255, 0.45), 0 0 4px rgba(77, 217, 255, 0.80);
	--glow-cyan-lg:    0 0 60px rgba(77, 217, 255, 0.40), 0 0 12px rgba(77, 217, 255, 0.60);
	--glow-magenta-md: 0 0 30px rgba(255, 95, 162, 0.40);
	--glow-amber-cta:  0 0 28px rgba(255, 184, 77, 0.35), 0 0 6px rgba(255, 184, 77, 0.70);

	--elevation-1: 0 1px 0 rgba(184, 212, 255, 0.06) inset, 0 8px 32px rgba(0, 0, 0, 0.40);
	--elevation-2: 0 1px 0 rgba(184, 212, 255, 0.10) inset, 0 16px 48px rgba(0, 0, 0, 0.50);

	/* Motion */
	--ease-natural:   cubic-bezier(0.22, 1, 0.36, 1);
	--ease-celestial: cubic-bezier(0.4, 0, 0.2, 1);
	--ease-bounce:    cubic-bezier(0.34, 1.56, 0.64, 1);

	--dur-fast:  180ms;
	--dur-base:  320ms;
	--dur-slow:  600ms;
	--dur-orbit: 12s;
}

/* GeneratePress global color overrides */
:root,
:root.dark-mode {
	--gp-base-1: var(--space-void);
	--gp-base-2: var(--space-deep);
	--gp-base-3: var(--space-blue);
	--gp-contrast:   var(--text-primary);
	--gp-contrast-2: var(--text-secondary);
	--gp-contrast-3: var(--text-tertiary);
	--gp-accent:    var(--nebula-cyan);
	--gp-accent-2:  var(--nebula-magenta);
	--base:    var(--space-deep);
	--base-2:  var(--space-blue);
	--base-3:  var(--space-mist);
	--contrast:   var(--text-primary);
	--contrast-2: var(--text-secondary);
	--contrast-3: var(--text-tertiary);
	--accent:   var(--nebula-cyan);
}