/*
 * IRIS supportlet brand — design tokens
 * Override these in a theme file (e.g. themes/innervision.css) loaded *after* this one.
 */
:root {
	/* Primary palette */
	--brand-primary: #0089a4;
	--brand-primary-hover: #007a93;
	--brand-primary-tint: #e8f8fb;

	/* Brand neutral */
	--brand-dark: #25313c;

	/* Surfaces */
	--surface: #fff;
	--surface-muted: #f6f7fb;

	/* Text */
	--text: #25313c;
	--text-muted: #6b7280;
	--text-faint: #9ca3af;
	--text-on-dark: #fff;
	--text-on-dark-muted: rgba(255, 255, 255, 0.6);
	--text-on-dark-faint: rgba(255, 255, 255, 0.35);

	/* Borders */
	--border: #e5e7eb;
	--border-strong: #d1d5db;

	/* Semantic */
	--danger: #c8102e;
	--danger-hover: #a30c25;
	--danger-tint: #fef2f2;
	--warn: #f90;
	--warn-strong: #e55300;
	--warn-soft: #eab308;
	--warn-tint: #fff8e1;
	--success: #10b981;
	--success-hover: #059669;
	--success-tint: #d1fae5;
	--info: #1972d8;
	--info-tint: #e0eaf9;
	--accent: #93328e;

	/* Type */
	--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--font-mono: 'SF Mono', 'Cascadia Code', Consolas, monospace;

	/* Shape */
	--radius-pill: 50px;
	--radius-card: 12px;
	--radius-input: 8px;
	--radius-small: 4px;

	/* Shadow */
	--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
	--shadow-header: 0 2px 8px rgba(0, 0, 0, 0.15);
	--shadow-dialog: 0 8px 30px rgba(0, 0, 0, 0.2);
	--shadow-button-hover: 0 4px 12px rgba(0, 137, 164, 0.3);

	/* Layout */
	--container-max: 1400px;
	--header-height: 64px;
}