/* aw-tokens.css — Non-themable design tokens for MCTWeb admin portal. * * Tokens here do NOT change between brand themes (typography scale, * spacing, radius, shadows). Colour tokens that DO change between * themes (primary, accent, success, etc.) are defined in * aw-themes.css and selected at runtime via data-theme="…" on . * * See: * apps/MyClinicalTrial/Styles/aw-themes.css — colour palettes per theme * docs/brand/2026-04-30-brand-direction-proposal.md — rationale * * Adding a new theme: copy a [data-theme] block in aw-themes.css and * change the colour values. Every other CSS file references these * tokens by name (var(--aw-color-primary) etc.) so the entire admin * UI re-themes without any further edits. */ :root { /* Typography */ --aw-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --aw-font-family-display: 'Rajdhani', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --aw-font-size-xs: 0.75rem; --aw-font-size-sm: 0.8125rem; --aw-font-size-base: 0.875rem; --aw-font-size-lg: 1rem; --aw-font-size-xl: 1.25rem; --aw-font-size-2xl: 1.5rem; /* Spacing */ --aw-spacing-1: 0.25rem; --aw-spacing-2: 0.5rem; --aw-spacing-3: 0.75rem; --aw-spacing-4: 1rem; --aw-spacing-6: 1.5rem; --aw-spacing-8: 2rem; /* Border Radius */ --aw-radius-sm: 0.25rem; --aw-radius-md: 0.375rem; --aw-radius-lg: 0.5rem; /* Shadows */ --aw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); --aw-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1); --aw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }