/* ==========================================================================
   tokens.css — Shared CSS Custom Properties (Design Tokens)
   Single source of truth for repeated values across the theme.
   Part of the Romain Recovery theme stylesheet.
   ========================================================================== */

:root {
	/* ── Glass backgrounds ────────────────────────────────────────────── */
	--glass-light: rgba(255, 255, 255, 0.55);
	--glass-light-strong: rgba(255, 255, 255, 0.7);
	--glass-hero: rgba(255, 255, 255, 0.37);
	--glass-badge: rgba(255, 255, 255, 0.85);
	--glass-dark: rgba(21, 26, 32, 0.7);

	/* ── Border colors ────────────────────────────────────────────────── */
	--border-light: rgba(26, 58, 58, 0.08);
	--border-light-subtle: rgba(26, 58, 58, 0.06);
	--border-hero: rgba(26, 58, 58, 0.1);
	--border-dark: rgba(255, 255, 255, 0.08);
	--border-dark-top: rgba(255, 255, 255, 0.12);
	--border-glass-top: rgba(255, 255, 255, 0.6);

	/* ── Accent alpha scale ───────────────────────────────────────────── */
	--accent-50: rgba(26, 255, 163, 0.5);
	--accent-45: rgba(26, 255, 163, 0.45);
	--accent-40: rgba(26, 255, 163, 0.4);
	--accent-35: rgba(26, 255, 163, 0.35);
	--accent-30: rgba(26, 255, 163, 0.3);
	--accent-25: rgba(26, 255, 163, 0.25);
	--accent-20: rgba(26, 255, 163, 0.2);
	--accent-15: rgba(26, 255, 163, 0.15);
	--accent-12: rgba(26, 255, 163, 0.12);
	--accent-10: rgba(26, 255, 163, 0.1);
	--accent-08: rgba(26, 255, 163, 0.08);
	--accent-07: rgba(26, 255, 163, 0.07);
	--accent-06: rgba(26, 255, 163, 0.06);
	--accent-05: rgba(26, 255, 163, 0.05);

	/* ── Named greens (not in theme.json palette) ─────────────────────── */
	--accent-mid: #008C5E;
	--accent-soft: #5BCFB5;

	/* ── Light-mist gradient ──────────────────────────────────────────── */
	--gradient-light-mist: linear-gradient(180deg, #f5fcf9 0%, #eaf7f2 50%, #f5fcf9 100%);

	/* ── Radii ────────────────────────────────────────────────────────── */
	--radius-card: 16px;
	--radius-pill: 100px;
	--radius-sm: 12px;

	/* ── Transitions ──────────────────────────────────────────────────── */
	--transition-card: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

	/* ── Grain texture (SVG noise) ────────────────────────────────────── */
	--grain-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}