/* Riverstone design tokens (decisions/0008-riverstone-brand.md). Generated by
   ops/scripts/build_tokens.py from tokens.resolver.json: do not edit, run make tokens. */
:root {
	--riverbed-bg: #ebe5dc;
	--riverbed-surface: #f5f1ea;
	--riverbed-text: #2b2622;
	--riverbed-muted: #5e564f;
	--riverbed-action: #2f5664;
	--riverbed-on-action: #ebe5dc;
	--riverbed-stone-large: #2f5664;
	--riverbed-stone-small: #6f7f3c;
	--riverbed-inset: #fbf9f5;
	--riverbed-border: #d6cdbf;
	--riverbed-panel-muted: #dbe4e5;
	--riverbed-lines: #6f8f99;
	--riverbed-stone-off: #8ea6ad;

	--deep-bg: #0f2a33;
	--deep-surface: #173f4f;
	--deep-text: #e6e4df;
	--deep-muted: #b7c4c6;
	--deep-action: #b5c77a;
	--deep-on-action: #0f2a33;
	--deep-stone-large: #e6e4df;
	--deep-stone-small: #b5c77a;
	--deep-border: #2a4651;
	--deep-lines: #5f8f98;

	--font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
	--font-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
	--font-size-14: 14px;
	--font-size-15: 15px;
	--font-size-16: 16px;
	--font-size-17: 17px;
	--font-size-18: 18px;
	--font-size-19: 19px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-26: 26px;

	--radius-pill: 999px;
	--radius-14: 14px;
	--radius-16: 16px;
	--radius-20: 20px;
	--radius-24: 24px;
	--radius-28: 28px;

	--role-bg: light-dark(var(--riverbed-bg), var(--deep-bg));
	--role-surface: light-dark(var(--riverbed-surface), var(--deep-surface));
	--role-inset: light-dark(var(--riverbed-inset), var(--deep-bg));
	--role-text: light-dark(var(--riverbed-text), var(--deep-text));
	--role-muted: light-dark(var(--riverbed-muted), var(--deep-muted));
	--role-border: light-dark(var(--riverbed-border), var(--deep-border));
	--role-action: light-dark(var(--riverbed-action), var(--deep-action));
	--role-on-action: light-dark(var(--riverbed-on-action), var(--deep-on-action));
	--role-stone-large: light-dark(var(--riverbed-stone-large), var(--deep-stone-large));
	--role-stone-small: light-dark(var(--riverbed-stone-small), var(--deep-stone-small));
	--role-panel: light-dark(var(--riverbed-action), var(--deep-surface));
	--role-panel-text: light-dark(var(--riverbed-surface), var(--deep-text));
	--role-panel-muted: light-dark(var(--riverbed-panel-muted), var(--deep-muted));
	--role-panel-lines: light-dark(var(--riverbed-lines), var(--deep-lines));
	--role-panel-stone: light-dark(var(--riverbed-bg), var(--deep-text));
	--role-panel-stone-off: light-dark(var(--riverbed-stone-off), var(--deep-lines));
	--role-panel-icon: light-dark(var(--riverbed-action), var(--deep-bg));
	--role-panel-icon-on: light-dark(var(--riverbed-action), var(--deep-surface));
}