:root {
    --brand-primary: #123e67;
    --brand-primary-dark: #0c2f50;
    --brand-accent: #d9a62e;
    --brand-accent-hover: #e6be5a;
    --brand-background: #f6f7f9;
    --brand-surface: #ffffff;
    --brand-text: #10243c;
    --brand-text-muted: #667085;
    --brand-border: #e2e6ec;
    --brand-surface-muted: #f1f4f7;
    --brand-success: #19764d;
    --brand-danger: #b42318;
    --ink: var(--brand-text);
    --muted: var(--brand-text-muted);
    --border: var(--brand-border);
    --canvas: var(--brand-background);
    --navy: var(--brand-primary);
    --accent: var(--brand-accent);
}

body { color: var(--brand-text); background: var(--brand-background); }
.sidebar { background: var(--brand-primary); color: #dce6f0; }
.brand, .nav-module-toggle:hover, .nav-child:hover, .nav-child.active { color: var(--brand-surface); }
.brand-mark { background: var(--brand-surface); color: var(--brand-primary); }
.brand-mark svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.nav-module-toggle { color: #dce6f0; }
.nav-module-toggle:hover, .nav-child:hover, .nav-child.active { background: rgba(217, 166, 46, .18); }
.nav-child { color: #bdccdd; }
.topbar { border-color: var(--brand-border); background: var(--brand-surface); }
.topbar-title { color: var(--brand-primary); }

.primary-button { background: var(--brand-accent); color: var(--brand-primary-dark); box-shadow: 0 4px 12px rgba(217, 166, 46, .24); }
.primary-button:hover { background: var(--brand-accent-hover); }
.secondary-button { border-color: var(--brand-border); color: var(--brand-primary); background: var(--brand-surface); }
.secondary-button:hover, .culture-selector-button:hover { background: var(--brand-surface-muted); }
.logout-button, .recent-section a, .back-link, .history-pagination { color: var(--brand-primary); }
.user-avatar { background: #e8eff5; color: var(--brand-primary); }

.login-page { background: linear-gradient(145deg, #edf2f6, var(--brand-background) 48%, #f8f3e6); }
.login-card, .feature-card, .upload-card, .transcription-result, .participant-identification, .meeting-analysis-result, .history-summary article, .history-item, .history-filters, .empty-history, .history-detail-section, .metric-card, .evolution-card, .focus-card, .dashboard-section, .insight-grid article, .dashboard-empty { border-color: var(--brand-border); background: var(--brand-surface); }
.login-brand { color: var(--brand-primary); }
.login-brand .brand-mark { background: var(--brand-primary); color: var(--brand-accent); }
.google-login-button { border-color: var(--brand-border); color: var(--brand-text); }

.feature-icon, .upload-icon, .overall-score, .history-score, .history-detail-meta span { background: #edf2f6; color: var(--brand-primary); }
.score-progress, .processing-spinner { border-color: #e9edf1; background: #e9edf1; }
.score-progress i { background: var(--brand-accent); }
.metric-card strong, .competency-grid strong, .recent-list b, .first-result > strong, .overall-score strong, .history-score { color: var(--brand-primary); }
.metric-card .positive, .status-message.success { color: var(--brand-success); }
.metric-card .negative, .status-message.error { color: var(--brand-danger); }
.line-chart polyline, .line-chart circle { stroke: var(--brand-accent); }
.line-chart circle { fill: var(--brand-surface); }
.eyebrow, .speaker-segment .speaker-label, .timestamp { color: var(--brand-primary); }
.automatic-identification, .status-message.success { border-color: #b8d9c7; background: #f2faf5; }
.participant-card.is-seller { border-color: var(--brand-accent); background: #fcf8ed; }
.participant-card.is-client { border-color: #b8d9c7; background: #f2faf5; }
.is-seller .participant-role { color: var(--brand-primary); }
.processing-card { border-color: var(--brand-border); }
.processing-spinner { border-top-color: var(--brand-accent); }
.dashboard-period, .dashboard-period select, .dashboard-period input, .history-filters input { border-color: var(--brand-border); }

.culture-selector-button { border-color: var(--brand-border); color: var(--brand-primary); }
.culture-selector-button svg { stroke: var(--brand-primary); }
.culture-menu { border-color: var(--brand-border); box-shadow: 0 10px 24px rgba(12, 47, 80, .14); }
.culture-menu-option:hover { background: #f8f3e6; }
.culture-check { color: var(--brand-accent); }