:root {
    /* ── Brand blues ──────────────────────────────── */
    --brand-50:    #eff6ff;
    --brand-100:   #dbeafe;
    --brand-200:   #bfdbfe;
    --brand-500:   #3A7FFF;   /* focus / accent */
    --brand-600:   #3A7FFF;   /* links, icons */
    --brand-700:   #3A7FFF;
    --brand-800:   #3A7FFF;   /* card header gradient end */
    --brand-900: #4e89fa;   /* card header gradient start */
    --brand-950:   #3A7FFF;

    --brand-focus-ring: rgba(59, 130, 246, 0.15);

    /* ── Green (success / active) ─────────────────── */
    --green-50:    #f0fdf4;
    --green-100:   #dcfce7;
    --green-600:   #16a34a;
    --green-800:   #166534;

    /* ── Red (danger / expired) ───────────────────── */
    --red-100:     #fef2f2;
    --red-600:     #dc2626;
    --red-800:     #991b1b;
    --red-950:     #7f1d1d;

    /* ── Amber (warning / time-limited) ──────────── */
    --amber-50:    #fffbeb;
    --amber-100:   #fef3c7;
    --amber-200:   #fde68a;
    --amber-500: #eca033;
    --amber-600: #ea8f2e;
    --amber-900:   #92400e;

    /* ── Purple (license category) ───────────────── */
    --purple-100:  #f3e8ff;
    --purple-600:  #7c3aed;

    /* ── Neutrals ─────────────────────────────────── */
    --gray-50:     #f9fafb;
    --gray-100:    #f3f4f6;
    --gray-200:    #e5e7eb;
    --gray-300:    #d1d5db;
    --gray-400:    #9ca3af;
    --gray-500:    #6b7280;
    --gray-700:    #374151;
    --gray-800:    #1f2937;
    --gray-900:    #111827;
    --white:       #ffffff;
}