:root{
  --brand-primary:#1f6feb;
  --brand-deep:#0d47a1;
  --brand-light:#60a5fa;
  --ink:#0b0f1a;
  --gray-800:#374151;
  --gray-600:#6b7280;
  --gray-400:#9ca3af;
  --gray-200:#e5e7eb;
  --gray-100:#f5f7fa;
  --gray-50:#f9fafb;
  --gradient-primary:linear-gradient(135deg,#1f6feb 0%,#0d47a1 100%);
  --gradient-light:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);
  --gradient-background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);
}

.brand-primary-text{color:var(--ink)}
.brand-secondary-text{color:var(--gray-800)}
.brand-tertiary-text{color:var(--gray-600)}
.brand-disabled-text{color:var(--gray-400)}

.bg-brand-primary{background-color:var(--brand-primary)}
.bg-brand-light{background-color:var(--gray-100)}
.bg-brand-dark{background-color:var(--ink)}

.border-brand-light{border-color:var(--gray-200)}
.border-brand-primary{border-color:var(--brand-primary)}

.bg-gradient-primary{background:var(--gradient-primary)}
.bg-gradient-light{background:var(--gradient-light)}
.bg-gradient-background{background:var(--gradient-background)}