/* Shared product UI colors; document themes retain their --tpl-* palette. */
:root {
    --careeros-primary: #111827;
    --careeros-primary-hover: #020617;
    --careeros-accent: #0f766e;
    --careeros-accent-hover: #115e59;
    --careeros-accent-light: #f0fdfa;
    --careeros-accent-border: #99f6e4;
    --careeros-success: #047857;
    --careeros-success-light: #ecfdf5;
    --careeros-success-border: #a7f3d0;
    --careeros-warning: #b45309;
    --careeros-warning-light: #fffbeb;
    --careeros-warning-border: #fde68a;
    --careeros-danger: #dc2626;
    --careeros-danger-light: #fef2f2;
    --careeros-danger-border: #fecaca;
    --careeros-info: #475569;
    --careeros-info-light: #f1f5f9;
    --careeros-info-border: #cbd5e1;
    --careeros-bg: #f7f8fa;
    --careeros-surface: #ffffff;
    --careeros-text-main: #111827;
    --careeros-text-sub: #6b7280;
    --careeros-border: #e5e7eb;
    --careeros-surface-soft: #f8fafc;
    --careeros-text-muted: #64748b;
    --careeros-editor-accent: #2dd4bf;
    --careeros-editor-accent-hover: #14b8a6;
    --careeros-editor-accent-light: #ecfffb;
    --careeros-editor-border: #dbe3ee;
    --careeros-interview-muted: #4b5563;
    --careeros-interview-border: #dce3e8;
    --careeros-interview-border-strong: #b8c6cc;
    --careeros-interview-brand-dark: #075e57;
    --careeros-interview-brand-soft: #e7f7f4;
    --careeros-radius-control: 8px;
    --careeros-radius-card: 10px;
    --careeros-radius-panel: 12px;
    --careeros-radius-large: 16px;
    --careeros-radius-pill: 999px;
    --careeros-font-body: 1rem;
    --careeros-font-control: 0.95rem;
    --careeros-font-label: 0.875rem;
    --careeros-font-section: 1.125rem;
    --cos-primary: var(--careeros-primary);
    --cos-primary-hover: var(--careeros-primary-hover);
    --cos-accent: var(--careeros-accent);
    --cos-accent-hover: var(--careeros-accent-hover);
    --cos-accent-light: var(--careeros-accent-light);
    --cos-accent-border: var(--careeros-accent-border);
    --cos-bg: var(--careeros-bg);
    --cos-surface: var(--careeros-surface);
    --cos-surface-soft: var(--careeros-surface-soft);
    --cos-text: var(--careeros-text-main);
    --cos-text-sub: var(--careeros-text-muted);
    --cos-border: var(--careeros-border);
}