/* ui.tokens.css - RB WWW's values for the House UI tokens (P:\Docker.HouseUI ui.tokens.template.css; rollout step 2,
   2026-11-02). Estate-owned, never synced. Each --ui-* token points at a theme.css --com-* token where the site has one;
   the rest keep the template's dark values until theme.css grows its own. The field values are the support form's
   look (the site's one designed field), which ui.input.css's .house-forms block draws for every makeInput / makeTextarea.
   The AI violet comes only from ui.ai.css. */
:root, .web {   /* .web too: theme.css sets the --com-* tokens there, so the var()s resolve to them */
    /* size */
    --ctrl-height: 38px;
    --ctrl-height-compact: 30px;
    --ctrl-radius: var(--com-border-radius-sm, 2px);
    --ctrl-pad-x: 0.7rem;
    --ctrl-font: var(--com-font-family-base, inherit);
    --ctrl-font-size: 0.94rem;
    /* surface / text */
    --ui-bg: var(--com-bg-primary, #262626);  --ui-surface: var(--com-bg-secondary, #1d1d22);
    --ui-surface-2: var(--com-bg-card, #1d1d22);  --ui-field-bg: rgba(255, 255, 255, 0.04);
    --ui-border: var(--com-border-color, #2a2a3a);  --ui-border-strong: rgba(255, 255, 255, 0.12);
    --ui-text: var(--com-text-primary, #b7babc);  --ui-text-dim: var(--com-text-muted, #6c757d);
    --ui-text-faint: var(--com-text-muted, #6c757d);
    /* action / state */
    --ui-primary: var(--com-color-primary, #750808);  --ui-primary-hover: var(--com-color-primary-hover, #dc1010);
    --ui-on-primary: #fff;
    --ui-danger: var(--com-color-danger, #e74c3c);  --ui-danger-hover: var(--com-color-danger-hover, #c82333);
    --ui-on-danger: #fff;
    --ui-success: var(--com-color-success, #27ae60);  --ui-warning: var(--com-color-warning, #f39c12);
    --ui-info: var(--com-color-info, #17a2b8);
    --ui-focus-tint: rgba(117, 8, 8, 0.35);  --ui-focus-ring: none;
    --ui-switch-on: var(--ui-primary);  --ui-switch-off: #555;  --ui-caret: #aaa;
    /* overlay */
    --ui-backdrop: rgba(0, 0, 0, 0.6);  --ui-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    --ui-modal-radius: 10px;  --ui-z-modal: 10000;
}