/* Entria brand palettes. Edit ONLY these two blocks to recolor the application.
 * Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4
 * Component tokens below are aliases, not independent palettes.
 */
:root, html[data-theme="light"], html.light-theme {
    color-scheme: light;
    --brand-primary: #506600;
    --brand-primary-hover: #3c4d00;
    --brand-accent: #506600;
    --brand-bg: #f5f5f0;
    --brand-surface: #ffffff;
    --brand-surface-soft: #eeeee7;
    --brand-border: #d8dacd;
    --brand-text: #20211c;
    --brand-muted: #5b6052;
    --brand-on-primary: #ffffff;
    --brand-contrast: #141414;
    --brand-on-contrast: #f5f5f0;
    --brand-success: #15803d;
    --brand-error: #b91c1c;
    --brand-warning: #a85b08;
    --brand-info: #0369a1;
    --brand-decorative: #7651a8;
    --brand-black: #000000;
    --brand-ink: #242c36;
    --brand-soft-ink: #526975;
    --brand-white: #ffffff;
    --brand-shadow: #141414;
    --brand-logo-filter: none;
    --font-family: 'Manrope', system-ui, sans-serif;
    --font-display: 'Space Grotesk', 'Manrope', sans-serif;
    --font-label: 'JetBrains Mono', ui-monospace, monospace;
}
html[data-theme="dark"], html.dark-theme {
    color-scheme: dark;
    --brand-primary: #ccff00;
    --brand-primary-hover: #d9ff4d;
    --brand-accent: #ccff00;
    --brand-bg: #101010;
    --brand-surface: #1c1c1c;
    --brand-surface-soft: #252525;
    --brand-border: #383838;
    --brand-text: #f4f4ef;
    --brand-muted: #b6b8a8;
    --brand-on-primary: #161e00;
    --brand-contrast: #0a0a0a;
    --brand-on-contrast: #f4f4ef;
    --brand-success: #b7df64;
    --brand-error: #ffa5a5;
    --brand-warning: #f4c079;
    --brand-info: #7df4ff;
    --brand-decorative: #cab2f0;
    --brand-black: #000000;
    --brand-ink: #20211c;
    --brand-soft-ink: #5b6052;
    --brand-white: #ffffff;
    --brand-shadow: #000000;
    --brand-logo-filter: brightness(0) invert(1);
}

:root {
    --color-primary: var(--brand-primary);
    --color-primary-hover: var(--brand-primary-hover);
    --color-primary-light: var(--brand-surface-soft);
    --color-text-on-primary: var(--brand-on-primary);
    --color-primary-contrast: var(--brand-on-primary);
    --color-secondary: var(--brand-accent);
    --color-bg: var(--brand-bg);
    --color-surface: var(--brand-surface);
    --color-surface-strong: var(--brand-surface-soft);
    --color-border: var(--brand-border);
    --color-text-main: var(--brand-text);
    --color-text-muted: var(--brand-muted);
    --color-text-secondary: var(--brand-muted);
    --color-text-on-hover: var(--brand-text);
    --color-success: var(--brand-success);
    --color-error: var(--brand-error);
    --color-danger: var(--brand-error);
    --color-warning: var(--brand-warning);
    --color-info: var(--brand-info);
    --color-dark-bg: var(--brand-contrast);
    --color-text-on-dark: var(--brand-on-contrast);
    --color-muted-on-dark: var(--brand-muted);
    --color-header-bg: var(--brand-surface);
    --color-header-text: var(--brand-text);
    --color-sidebar-bg: var(--brand-surface);
    --color-sidebar-text: var(--brand-text);
    --shell-nav-active-text: var(--brand-primary);
    --theme-toggle-bg: var(--brand-surface);
    --theme-toggle-border: var(--brand-border);
    --entria-bg: var(--brand-bg);
    --entria-bg-soft: var(--brand-surface-soft);
    --entria-surface: var(--brand-surface);
    --entria-surface-strong: var(--brand-surface);
    --entria-surface-dark: var(--brand-contrast);
    --entria-line: var(--brand-border);
    --entria-line-strong: var(--brand-border);
    --entria-text: var(--brand-text);
    --entria-text-soft: var(--brand-muted);
    --entria-text-inverse: var(--brand-on-contrast);
    --entria-brand: var(--brand-accent);
    --entria-brand-strong: var(--brand-primary);
    --entria-accent: var(--brand-primary);
    --entria-header-bg: var(--brand-surface);
    --entria-header-border: var(--brand-border);
    --entria-page-gradient-start: var(--brand-bg);
    --entria-page-gradient-end: var(--brand-surface-soft);
    --k-text-primary: var(--brand-text);
    --k-text-secondary: var(--brand-muted);
    --k-text-inverse: var(--brand-on-primary);
    --k-surface-page: var(--brand-bg);
    --k-surface-base: var(--brand-surface);
    --k-surface-elevated: var(--brand-surface);
    --k-surface-soft: var(--brand-surface-soft);
    --k-brand-primary: var(--brand-primary);
    --k-brand-strong: var(--brand-primary);
    --k-brand-hover: var(--brand-primary-hover);
    --k-brand-hover-to: var(--brand-primary-hover);
    --k-accent-base: var(--brand-accent);
    --k-accent-strong: var(--brand-primary);
    --k-input-bg: var(--brand-surface);
    --k-input-text: var(--brand-text);
    --k-input-border: var(--brand-border);
    --k-input-border-focus: var(--brand-primary);
    --k-auth-bg-from: var(--brand-surface);
    --k-auth-bg-to: var(--brand-surface-soft);
    --k-link-primary: var(--brand-primary);
    --k-link-primary-strong: var(--brand-primary-hover);
    --k-line: var(--brand-border);
    --k-white: var(--brand-white);
    --k-surface-contrast: var(--brand-black);
    --k-apple-bg: var(--brand-black);
    --k-apple-bg-hover: var(--brand-contrast);
    --k-sem-success: var(--brand-success);
    --k-sem-warning: var(--brand-warning);
    --k-sem-danger: var(--brand-error);
    --k-sem-info: var(--brand-info);
    --shell-sidebar-bg: var(--color-sidebar-bg);
    --shell-topbar-bg: var(--color-header-bg);
    --shell-nav-active-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);
    --color-primary-glow: color-mix(in srgb, var(--color-primary) 15%, transparent);
    --theme-toggle-inline-bg: var(--color-surface);
    --theme-toggle-inline-bg-dark: var(--color-surface);
    --theme-toggle-inline-border: var(--color-border);
    --shell-shadow: 0 18px 50px color-mix(in srgb, var(--brand-shadow) 12%, transparent);
    --entria-shadow: var(--shell-shadow);
    --entria-accent-soft: color-mix(in srgb, var(--brand-primary) 14%, transparent);
    --entria-page-top-left: color-mix(in srgb, var(--brand-accent) 16%, transparent);
    --entria-page-top-right: color-mix(in srgb, var(--brand-primary) 10%, transparent);
    --entria-section-dark: linear-gradient(160deg, var(--brand-contrast), color-mix(in srgb, var(--brand-contrast) 85%, var(--brand-accent)));
    --entria-phone-gradient: linear-gradient(180deg, var(--brand-contrast), var(--brand-shadow));
}
.entria-wordmark { filter: var(--brand-logo-filter); }

/* Shared, theme-aware brand and control primitives. */
.entria-brand-link { display: flex; justify-content: center; padding: 24px 16px 0; }
.entria-brand-link img { width: 160px; height: auto; object-fit: contain; }
html, body { overflow-x: clip; }
input, select, textarea { color: var(--color-text-main); background-color: var(--color-surface); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--color-primary); outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) { body { transition: none; } }

.k-btn-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border:1px solid var(--color-border); border-radius:12px; color:var(--color-text-main); background:var(--color-surface); font:inherit; font-weight:700; text-decoration:none; }
.k-btn-action--primary { background:var(--color-primary); color:var(--color-text-on-primary); border-color:var(--color-primary); }
.k-btn-action--primary:hover { background:var(--color-primary-hover); border-color:var(--color-primary-hover); }
.k-btn-action { white-space: nowrap; }
.dashboard-shell .table-container { overflow-x: auto; }
@media (max-width: 767px) {
    .dashboard-shell .events-header { flex-direction: column; align-items: flex-start; gap: 16px; }
}

:root {
    --brand-error-soft: color-mix(in srgb, var(--brand-error) 12%, var(--brand-surface));
    --brand-success-soft: color-mix(in srgb, var(--brand-success) 12%, var(--brand-surface));
    --color-background: var(--color-bg);
    --color-bg-soft: var(--brand-surface-soft);
    --color-card: var(--color-surface);
    --color-error-light: var(--brand-error-soft);
    --color-muted: var(--color-text-muted);
    --color-primary-dark: var(--color-primary-hover);
    --color-text: var(--color-text-main);
    --k-text-tertiary: var(--color-text-muted);
}

/* Carbon surfaces across the shared dark theme. */
html[data-theme="dark"] {
    --entria-page-gradient-start: var(--brand-bg);
    --entria-page-gradient-end: var(--brand-bg);
    --entria-page-top-left: transparent;
    --entria-page-top-right: transparent;
    --entria-section-dark: var(--brand-contrast);
}