/**
 * V1-M1a · EA-V1-M1a-e01 · UI-1.2 Person Profile shell (enabler)
 * ICON-REG-001 · EA-V1-M3b-CR01 · emoji-capable typography restoration
 * EPB-Ref: V1-ENG-PLAN-2026-07-18 · PC-ID: — (Role Projection infrastructure; not a PC)
 */
/* Smart School OS — design tokens (UI-1.1 strangler pilot) */

:root {
    /* Brand */
    --ssos-color-brand-primary: #123c5a;
    --ssos-color-brand-on-primary: #ffffff;

    /* Surfaces */
    --ssos-color-surface-page: #f4f6f8;
    --ssos-color-surface-elevated: #ffffff;
    --ssos-color-surface-muted: #eef2f7;
    --ssos-color-surface-avatar: #e8eef5;
    --ssos-color-overlay-backdrop: rgba(15, 23, 42, 0.45);

    /* Text */
    --ssos-color-text-primary: #0f2942;
    --ssos-color-text-secondary: #64748b;
    --ssos-color-text-on-brand: #ffffff;

    /* Borders & focus */
    --ssos-color-border-subtle: #edf2f7;
    --ssos-color-focus-ring: #1976d2;

    /* Typography — ICON-REG-001: emoji fallbacks restore staff/owner symbol rendering */
    --ssos-font-family-base: "Segoe UI", Arial, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    --ssos-font-size-sm: 0.8rem;
    --ssos-font-size-body: 1rem;
    --ssos-font-size-title: 1.1rem;
    --ssos-font-size-display: 1.15rem;
    --ssos-font-weight-bold: 700;

    /* Spacing */
    --ssos-spacing-xs: 6px;
    --ssos-spacing-sm: 8px;
    --ssos-spacing-md: 12px;
    --ssos-spacing-lg: 14px;
    --ssos-spacing-xl: 16px;
    --ssos-spacing-2xl: 18px;

    /* Radii */
    --ssos-radius-sm: 6px;
    --ssos-radius-md: 12px;
    --ssos-radius-lg: 14px;

    /* Elevation */
    --ssos-shadow-elevated: 0 18px 48px rgba(15, 23, 42, 0.22);
    --ssos-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.05);

    /* Focus */
    --ssos-focus-outline: 2px solid var(--ssos-color-focus-ring);
    --ssos-focus-outline-offset: 2px;
}