/* White-Label Theme — Auto-generated from site_settings */
/* Do not edit directly — changes are overwritten on save */

:root {
  /* Colors */
  --color-primary: #4F46E5;
  --color-primary-rgb: 79, 70, 229;
  --color-primary-hover: #4338CA;
  --color-primary-hover-rgb: 67, 56, 202;
  --color-secondary: #7C3AED;
  --color-secondary-rgb: 124, 58, 237;
  --color-success: #10B981;
  --color-success-rgb: 16, 185, 129;
  --color-warning: #F59E0B;
  --color-warning-rgb: 245, 158, 11;
  --color-danger: #EF4444;
  --color-danger-rgb: 239, 68, 68;
  --color-info: #3B82F6;
  --color-info-rgb: 59, 130, 246;
  --color-background: #FFFFFF;
  --color-background-rgb: 255, 255, 255;
  --color-surface: #F9FAFB;
  --color-surface-rgb: 249, 250, 251;
  --color-text: #111827;
  --color-text-rgb: 17, 24, 39;
  --color-text-muted: #6B7280;
  --color-text-muted-rgb: 107, 114, 128;
  --color-border: #E5E7EB;
  --color-border-rgb: 229, 231, 235;
  --color-header-bg: #1F2937;
  --color-header-bg-rgb: 31, 41, 55;
  --color-header-text: #FFFFFF;
  --color-header-text-rgb: 255, 255, 255;
  --color-footer-bg: #111827;
  --color-footer-bg-rgb: 17, 24, 39;
  --color-footer-text: #D1D5DB;
  --color-footer-text-rgb: 209, 213, 219;

  /* Typography */
  --font-heading: Inter, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-size-base: 16px;
  --font-weight-heading: 72;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Borders */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* Layout */
  --content-max-width: 1200px;
  --header-height: 64px;
  --sidebar-width: 260px;
}

/* Base Styles */
body {
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  color: var(--color-text);
  background-color: var(--color-background);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
  color: var(--color-text);
  line-height: 1.3;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

/* Utility Classes */
.button-primary {
  background: var(--color-primary);
  color: #fff;
  border: none;
  padding: 0.6rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition-fast);
}

.button-primary:hover {
  background: var(--color-primary-hover);
}

.button-secondary {
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  padding: 0.6rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition-fast);
}

.button-secondary:hover {
  background: var(--color-border);
}