:root {
  --color-brand-primary: #FFFFFF;
  --color-brand-secondary: #0D0126;
  --color-brand-accent: #0F9F8E;
  --color-page-bg: #0D0126;
  --color-surface: #000000;
  --color-card-bg: #FFFFFF;
  --color-border: #D9E2E8;
  --color-text: #577375;
  --color-text-muted: #6A7A86;
  --button-primary-bg: #165A72;
  --button-primary-text: #FFFFFF;
  --button-secondary-bg: #E0F2FE;
  --button-secondary-text: #2563EB;
  --cta-bg: #165A72;
  --cta-text: #FFFFFF;
  --header-bg: #020005;
  --header-text: #FFFFFF;
  --nav-link-color: #0D0D0D;
  --nav-link-hover: #FFFFFF;
  --nav-underline-color: #06B6D4;
  --announcement-bg: #0F172A;
  --announcement-text: #F8FAFC;
  --announcement-link: #06B6D4;
  --footer-bg: #000000;
  --footer-text: #FAFAFA;
  --footer-link: #FFFFFF;
  --hero-bg: #969597;
  --hero-title: #165A72;
  --hero-subtitle: #17202A;
  --badge-bg: #EAF4F6;
  --badge-text: #165A72;
  --card-border-color: #E2E8F0;
  --input-bg: #FFFFFF;
  --input-border: #D9E2E8;
  --input-text: #0F172A;
  --input-placeholder: #94A3B8;
  --color-success: #0F9F8E;
  --color-warning: #E7B64F;
  --color-danger: #DC2626;
  --color-info: #165A72;
  --admin-bg: #F8FAFC;
  --admin-surface: #FFFFFF;
  --admin-sidebar-bg: #FFFFFF;
  --admin-sidebar-text: #0F172A;
  --admin-sidebar-active-bg: #E0F2FE;
  --admin-sidebar-active-text: #F9FAFB;
  --admin-header-bg: #F8FAFC;
  --admin-card-bg: #FFFFFF;
  --radius-base: 12px;
  --shadow-card: 0 12px 24px rgba(15, 23, 42, 0.08);
  --font-main: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bg-color: var(--color-page-bg);
  --page-background: var(--color-page-bg);
  --section-background: var(--color-page-bg);
  --body-background: var(--color-page-bg);
  --card-bg: var(--color-card-bg);
  --panel-bg: var(--color-card-bg);
  --box-bg: var(--color-card-bg);
  --surface-elevated: var(--color-surface);
  --surface-warm: var(--color-page-bg);
  --accent-warm: var(--color-brand-accent);
  --primary-color: var(--color-brand-primary);
  --primary-hover: #FFFFFF;
  --secondary-color: var(--color-brand-secondary);
  --accent-color: var(--color-brand-accent);
  --background-color: var(--color-page-bg);
  --surface-color: var(--color-surface);
  --text-color: var(--color-text);
  --muted-text-color: var(--color-text-muted);
  --border-color: var(--color-border);
  --button-text-color: var(--button-primary-text);
  --header-background: var(--header-bg);
  --header-text-color: var(--header-text);
  --footer-background: var(--footer-bg);
  --footer-text-color: var(--footer-text);
  --hero-background: var(--hero-bg);
  --hero-title-color: var(--hero-title);
  --hero-subtitle-color: var(--hero-subtitle);
  --badge-background: var(--badge-bg);
  --badge-text-color: var(--badge-text);
  --cta-background: var(--cta-bg);
  --cta-text-color: var(--cta-text);
  --card-background: var(--color-card-bg);
  --input-background: var(--input-bg);
  --input-border-color: var(--input-border);
  --success-color: var(--color-success);
  --warning-color: var(--color-warning);
  --danger-color: var(--color-danger);
  --info-color: var(--color-info);
  --border-radius: var(--radius-base);
  --card-shadow: var(--shadow-card);
}