/**
 * @file theme.css
 * @author hoff
 * @brief design tokens — the trent.surf skin (overrides ggsp/theme.css defaults).
 *
 * @copyright Copyright (c) 2026 hoff.industries, Trent Group Holdings LLC
*/

@font-face {
	font-family: "Syne-Supplied";
	src: url("fonts/syne.ttf") format("truetype");
}

:root {
	--accent:   #cc02c8;
	--accent-2: #ffaa00;
	--accent-3: #f86828;
	--cta:      #00d8b7;
	--text:     #a4fff1;
	--bg:       #111111;
	--surface:  #111000;

	--rank-1:    #ffdb5b;
	--rank-2:    #cbf4ff;
	--rank-3:    #ecd299;
	--rank-misc: white;

	--font-display: "Syne-Supplied", sans-serif;
	--font-body:    Arial, sans-serif;

	--border-width: 0.15em;
	--radius:       0.2rem;
	--line-spacing: 0.2em;
}

/* this site: logo display size (landscape; portrait comes from ggsp base.css).
   relative so it tracks the user's font scale. the img's natural-size
   width/height attributes (site.js) reserve the box before the file loads;
   width: auto lets the reserved ratio drive the width. */
@media (min-aspect-ratio: 1 / 1) {
	.header_image {
		height: 3rem;
		width: auto;
	}
}