Phase F11h: CSS Unification — Global Utilities + Complete Design Tokens

phase-pal-e-docs-f11h-css-unification Phase

active phase

Project

Goal: Eliminate CSS duplication across pal-e-app, establish a single CSS methodology, and complete the design token system beyond colors.

Owner: Dev agent

Repo: forgejo_admin/pal-e-app

Depends on: phase-pal-e-docs-design-overhaul (F11, in-progress — F11a/b/c completed)

Forgejo Issue: pal-e-app #40

CSS audit (2026-03-16) found two competing methodologies, incomplete design tokens, and repeated patterns across components.

Global utility classes, complete design tokens, refactor duplicated scoped styles. See issue #40 for full spec.

PR #41 (pal-e-app) — 19 files, +184/-345 lines (net -161). QA approved after fix loop (blocker: missing .card transition, resolved).
Design tokens added: --radius-sm/md/lg/pill, --shadow-sm/md/lg, --z-overlay/modal/toast, --transition-fast/normal
Global classes added: .btn-primary, .form-input, .card-grid, .card
Eliminated: 6 duplicate .btn-primary definitions, 3 duplicate .form-input, 5 duplicate .card-grid + .card, 40+ hardcoded border-radius values, 20+ hardcoded transition values
Removed: dead .btn-secondary class, empty style block in repos page
Methodology established: Tailwind for layout, CSS vars for theming, global classes for repeated component patterns