:root {
  --brand-primary: #0d9488;
  --brand-primary-dark: #0f766e;
  --brand-primary-light: #f0fdfa;
  --brand-primary-soft: #f7fffe;
  --brand-primary-border: #99f6e4;
  --brand-primary-text: #134e4a;
  --brand-primary-shadow: rgba(13, 148, 136, 0.24);
  --brand-primary-shadow-strong: rgba(13, 148, 136, 0.34);
  --brand-premium-start: #0d9488;
  --brand-premium-end: #22d3ee;
  --brand-premium-border: #67e8f9;
  --brand-success: #16a34a;
  --brand-danger: #dc3545;
  --brand-warning: #ffc107;
  --brand-info-background: #f0fdfa;
  --brand-info-border: #99f6e4;
  --brand-info-text: #134e4a;
  --brand-neutral-50: #f9fafb;
  --brand-neutral-100: #f3f4f6;
  --brand-neutral-200: #e5e7eb;
  --brand-neutral-300: #d1d5db;
  --brand-neutral-400: #9ca3af;
  --brand-neutral-500: #6b7280;
  --brand-neutral-700: #374151;
  --brand-neutral-900: #111827;
  --brand-surface-dark: #042f2e;
  --brand-surface-dark-border: #134e4a;

  --blue: var(--brand-primary);
  --blue-dark: var(--brand-primary-dark);
  --blue-light: var(--brand-primary-light);
  --orange: var(--brand-primary);
  --gray-50: var(--brand-neutral-50);
  --gray-100: var(--brand-neutral-100);
  --gray-200: var(--brand-neutral-200);
  --gray-300: var(--brand-neutral-300);
  --gray-400: var(--brand-neutral-400);
  --gray-500: var(--brand-neutral-500);
  --gray-700: var(--brand-neutral-700);
  --gray-900: var(--brand-neutral-900);
  --bg: var(--brand-primary-soft);
  --surface: var(--brand-surface-dark);
  --border: var(--brand-surface-dark-border);
  --white: #ffffff;
}