/**
 * aw-tokens.css: Automation World design tokens and self-hosted fonts.
 * Capability page template, Drop 2.
 *
 * SAFE SITEWIDE: this file only adds token names that did not exist
 * before, plus @font-face rules (a font file only downloads when a page
 * actually uses it). Nothing outside the new capability pages changes.
 *
 * The four names that already exist in style.css (--aw-ink, --aw-border,
 * --aw-font-display, --aw-font-body), and the two that ia-content relies on
 * being undefined (--aw-surface, --aw-text), take the new values only
 * inside body.ia-cap-page and body.ia-cap-hub. Drop 4 moves the fonts
 * sitewide and retires Google Fonts.
 *
 * Fonts: Archivo and IBM Plex Sans, SIL Open Font License 1.1 (see
 * fonts/OFL-*.txt), Latin subset, WOFF2 only.
 */

@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/Archivo-600.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/Archivo-700.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/Archivo-800.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/IBMPlexSans-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/IBMPlexSans-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/IBMPlexSans-600.woff2') format('woff2'); }

:root {
	/* Dark surfaces */
	--aw-ink-raised: #17223A;
	--aw-ink-deep: #0B111B;
	--aw-ink-line: #263244;
	--aw-ink-line-2: #2A3750;
	--aw-ink-btn-line: #3A4658;
	--aw-on-dark: #FFFFFF;
	--aw-on-dark-2: #D5DAE1;
	--aw-on-dark-muted: #B8C0CC;

	/* Amber */
	--aw-amber: #E8A92A;
	--aw-amber-text: #9A6A00;
	--aw-amber-line: #C9A24A;
	--aw-amber-tint: #FBF0D9;
	--aw-amber-tint-line: #E8D3A6;
	--aw-amber-ink: #7A5300;
	--aw-amber-ink-2: #3D3420;

	/* Light surfaces and text */
	--aw-page: #F6F5F3;
	--aw-surface-alt: #FAFAFB;
	--aw-surface-sunk: #F1F2F4;
	--aw-border-soft: #EDEEF0;
	--aw-border-dashed: #C9CDD3;
	--aw-text-2: #2B3340;
	--aw-muted: #525A66;
	--aw-link: #1F4470;

	/* Tints */
	--aw-blue-tint: #EAF0F7;
	--aw-blue-ink: #16304F;
	--aw-green: #1E5B3A;
	--aw-green-tint: #E7F3EC;
	--aw-green-band: #EFF6F1;
	--aw-green-ink: #1D3A2A;
	--aw-warn: #A3471D;
	--aw-warn-tint: #FBEFE8;
	--aw-warn-ink: #5C2A12;
	--aw-steel: #8FA7C4;

	/* Card bands */
	--aw-band-1: #1B2A40;
	--aw-band-2: #2A3B55;
	--aw-band-3: #3A2E14;
	--aw-band-4: #101824;
}

/* Existing names: new values on capability pages and the hub only. */
body.ia-cap-page,
body.ia-cap-hub {
	--aw-ink: #101824;
	--aw-border: #E3E4E6;
	--aw-surface: #FFFFFF;
	--aw-text: #101824;
	--aw-paper: #F6F5F3;
	--aw-font-display: 'Archivo', 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--aw-font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}