/* ============================================================ VENDORED — DO NOT EDIT Source: C:/dev/ICGBrand/tokens/theme-fourthshift.css Brand version: ICG Brand v1.2 (per BRAND.md section 12) To update: re-copy from the canonical source. Hand-edits here will be lost on the next vendor refresh. ============================================================ */ /* ============================================================ THEME — FOURTH SHIFT MONITOR Signal teal action, signal-cyan spark. Personality: diagnostic, calm, technically literal. "We see the problem before your users do." Apply on or any wrapper as `.theme-fourthshift`. ============================================================ */ .theme-fourthshift { --color-action: var(--teal-500); --color-action-hover: var(--teal-600); --color-action-active: var(--teal-700); --color-action-soft: var(--teal-100); --color-action-mute: var(--teal-50); /* Teal-500 is a mid-value; paper text on it fails AA at small sizes. Bind --text-on-action to navy so button labels stay legible. This also gives the brand its "console/terminal" reading. */ --text-on-action: var(--navy-950); /* Signal cyan as spark — does not collide with the dashboard's status colors (green=OK, amber=warn, red=critical, blue=info). */ --color-spark: var(--cyan-400); --color-spark-soft: var(--cyan-100); --text-accent: var(--teal-700); --border-action: var(--teal-500); --border-focus: var(--teal-500); --shadow-glow: 0 0 0 4px rgba(20, 184, 136, 0.22); --gradient-hero: linear-gradient(135deg, var(--navy-950) 0%, var(--navy-800) 40%, var(--teal-700) 110%); --gradient-spark: linear-gradient(90deg, var(--teal-500) 0%, var(--cyan-400) 100%); --brand-name: 'FourthShift Monitor'; --brand-mark: '◉'; /* signal indicator / monitor pulse */ }