/**
 * FLASK Design Tokens — Figma Design Guide
 * https://www.figma.com/design/BquwLE57HIt3A5nnn5Fa09/Flask-Design
 */
:root {
	--flask-bg-base: #f6f4f0;
	--flask-bg-panel: #ffffff;
	--flask-bg-elevated: #e4e0dc;
	--flask-bg-input: #e4e0dc;
	--flask-bg-sage: #c6dfd4;
	--flask-border-subtle: rgba(28, 28, 28, 0.1);
	--flask-border-strong: rgba(28, 28, 28, 0.22);

	--flask-text-primary: #1c1c1c;
	--flask-text-secondary: #6a6963;
	--flask-text-muted: #6a6963;
	--flask-text-inverse: #f6f4f0;

	--flask-accent: #2f4b48;
	--flask-accent-dim: rgba(47, 75, 72, 0.12);
	--flask-accent-border: rgba(47, 75, 72, 0.35);
	--flask-accent-bright: #41625d;
	--flask-status-pass: #2f4b48;
	--flask-status-pass-bg: rgba(47, 75, 72, 0.1);
	--flask-status-warn: #8a6a32;
	--flask-status-warn-bg: rgba(138, 106, 50, 0.12);
	--flask-status-fail: #8a3a3a;
	--flask-status-fail-bg: rgba(138, 58, 58, 0.12);

	--flask-radius-sm: 2px;
	--flask-radius-md: 4px;
	--flask-radius-lg: 4px;
	--flask-shadow-panel: none;

	--flask-font-display: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--flask-font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--flask-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

	--flask-content-max: 1200px;
	--flask-panel-max: 600px;
}