/* ============================================================================ * theme-app.css — Tema APP (light, corporativo, uso prolongado) * Aplicado por default (não requer data-theme). Se quiser explicitar: * * ============================================================================ */ :root, [data-theme="app"] { /* Surfaces */ --surface-canvas: var(--neutral-50); --surface-raised: var(--neutral-0); --surface-overlay: var(--neutral-0); --surface-sunken: var(--neutral-100); --surface-inverted: var(--neutral-900); /* Text */ --text-primary: var(--neutral-900); --text-secondary: var(--neutral-700); --text-tertiary: var(--neutral-500); --text-quaternary: var(--neutral-400); --text-on-brand: var(--neutral-0); --text-on-inverted: var(--neutral-0); --text-link: var(--brand-700); --text-link-hover: var(--brand-800); /* Borders */ --border-subtle: var(--neutral-200); --border-default: var(--neutral-300); --border-strong: var(--neutral-400); --border-brand: var(--brand-500); /* Interactive */ --interactive-hover: var(--neutral-100); --interactive-pressed: var(--neutral-200); --interactive-selected: var(--brand-50); }