/* Warden shared base styles — design tokens, base body, grid background.
Link statically in every page :
Replaces the old runtime fetch+inject of head.html (which put tags
in the body and caused a flash of unstyled content on mobile). */
@font-face {
font-family: 'FoundationLogo';
src: url('/FoundationLogo.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
:root {
--bg: #0D0D0D;
--bg-card: #111113;
--bg-input: #0f0f11;
--border: rgba(255,255,255,0.08);
--border-focus: rgba(255,255,255,0.25);
--text: #e8e6e0;
--text-muted: rgba(232,230,224,0.72);
--text-dim: rgba(232,230,224,0.48);
--accent: #c8a96e;
--accent-dim: rgba(200,169,110,0.12);
--accent-hover: #d4b87a;
--red: #c05a4a;
--green: #5a9a6e;
--green-dim: rgba(90,154,110,0.15);
--trial: rgba(200,169,110,0.12);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: linear-gradient(160deg, #0D0D0D 0%, #2D2D3F 100%);
color: var(--text);
font-family: Georgia, 'Times New Roman', serif;
min-height: 100vh;
}
body::before {
content: '';
position: fixed;
inset: 0;
background-image:
linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 0;
}