:root {
  --brand-surface: #ffffff;
  --brand-surface-glass: rgba(255, 255, 255, 0.95);
  --brand-surface-soft: #f7fafc;
  --brand-surface-tint: rgba(255, 255, 255, 0.1);

  --brand-text: #1f2937;
  --brand-text-muted: #374151;
  --brand-text-subtle: #6b7280;
  --brand-text-disabled: #9ca3af;
  --brand-text-inverse: #ffffff;

  --brand-primary: #1579a2;
  --brand-primary-strong: #00b1ed;
  --brand-primary-soft: #64d2e5;
  --brand-primary-dark: #003673;
  --brand-primary-mid: #006eae;
  --brand-primary-hover: #0f5a7a;
  --brand-primary-tint: rgba(21, 121, 162, 0.1);
  --brand-primary-tint-strong: rgba(21, 121, 162, 0.2);

  --brand-border-subtle: #f3f4f6;
  --brand-border-inverse: rgba(255, 255, 255, 0.7);

  --brand-gradient-footer: linear-gradient(to top, var(--brand-primary-dark), var(--brand-primary-mid));
  --brand-gradient-accent: linear-gradient(to right, var(--brand-primary-strong), var(--brand-primary-dark));
  --brand-gradient-surface-dark: linear-gradient(180deg, rgba(26, 32, 44, 0.98), rgba(45, 55, 72, 0.96));

  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-display: 3rem;

  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-none: 0;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

  --container-7xl: 80rem;
}