:root {

    /* Page Background */
  --bg-page: #ffffff;
  --bg-page-gradient: linear-gradient(140deg, #eef2ff 0%, #f0f9ff 45%, #f5f3ff 100%);

  /* Card */
  --card-bg: #ffffff;
  --card-border: #e2e8f0;
  --card-shadow: 0 4px 20px rgba(37, 99, 235, 0.07), 0 1px 4px rgba(0, 0, 0, 0.05);
  --card-radius: 16px;

  /* Typography */
  --text-heading: #1e293b;
  --text-subheading: #64748b;
  --text-section-title: #334155;
  --text-label: #64748b;
  --text-value: #1e293b;

  /* Layout */
  --divider: #f1f5f9;
  --row-hover-bg: #f8fafc;

  /* Buttons - Primary */
  --btn-primary-bg: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  --btn-primary-text: #ffffff;
  --btn-primary-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);

  /* Buttons - Secondary */
  --btn-secondary-bg: #f1f5f9;
  --btn-secondary-text: #334155;
  --btn-secondary-border: #e2e8f0;

  /* Buttons - Danger */
  --btn-danger-text: #dc2626;
  --btn-danger-border: #fca5a5;
  --btn-danger-hover-bg: #fff1f2;

  /* ── Billing page - light theme tokens ── */
  --billing-page-bg:         #ffffff;
  --billing-card-bg:         #ffffff;
  --billing-card-border:     #e2e8f0;
  --billing-card-shadow:     0 4px 20px rgba(37, 99, 235, 0.07), 0 1px 4px rgba(0, 0, 0, 0.05);
  --billing-card-radius:     16px;
  --billing-heading:         #1e293b;
  --billing-subheading:      #64748b;
  --billing-section-title:   #334155;
  --billing-label:           #64748b;
  --billing-value:           #1e293b;
  --billing-divider:         #f1f5f9;
  --billing-row-hover:       #f8fafc;

  --billing-btn-primary-bg:  linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  --billing-btn-primary-fg:  #ffffff;
  --billing-btn-primary-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
  --billing-btn-secondary-bg: #f1f5f9;
  --billing-btn-secondary-fg: #334155;
  --billing-btn-secondary-border: #e2e8f0;
  --billing-btn-danger-fg:   #dc2626;
  --billing-btn-danger-border: #fca5a5;
  --billing-btn-danger-hover-bg: #fff1f2;

  --billing-badge-active-bg:   #dcfce7;
  --billing-badge-active-fg:   #166534;
  --billing-badge-active-border: #bbf7d0;
  --billing-badge-pastdue-bg:  #fef3c7;
  --billing-badge-pastdue-fg:  #92400e;
  --billing-badge-pastdue-border: #fde68a;
  --billing-badge-cancel-bg:   #fee2e2;
  --billing-badge-cancel-fg:   #991b1b;
  --billing-badge-cancel-border: #fecaca;
  --billing-badge-trial-bg:    #ede9fe;
  --billing-badge-trial-fg:    #5b21b6;
  --billing-badge-trial-border: #ddd6fe;
  --billing-badge-inactive-bg: #f1f5f9;
  --billing-badge-inactive-fg: #475569;
  --billing-badge-inactive-border: #e2e8f0;

  --billing-invoice-th-color: #94a3b8;
  --billing-invoice-td-border: #f1f5f9;
  --billing-invoice-paid-bg:  #dcfce7;
  --billing-invoice-paid-fg:  #166534;
  --billing-invoice-open-bg:  #fef3c7;
  --billing-invoice-open-fg:  #92400e;
  --billing-invoice-void-bg:  #f1f5f9;
  --billing-invoice-void-fg:  #64748b;
  --billing-pdf-link-fg:      #4f46e5;
  --billing-pdf-link-border:  #c7d2fe;
  --billing-pdf-link-hover-bg: #eef2ff;

  --billing-empty-fg:        #94a3b8;
  --billing-loading-fg:      #94a3b8;
  --billing-error-fg:        #dc2626;
}

[data-theme="dark"] {
  --background-color: #0f172a;
  --primary-color: #3b82f6;
  --primary-hover: #2563eb;
  --secondary-color: #8b5cf6;
  --secondary-hover: #7c3aed;
  --text-color: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #94a3b8;
  --text-faint: #64748b;
  --border-color: #334155;
  --card-bg: #1e293b;
  --card-bg-alt: #0f172a;
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  --success-color: #10b981;
  --success-hover: #059669;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
  --info-color: #3b82f6;
  --bg-gradient: linear-gradient(145deg, rgba(18,18,42,0.97), rgba(28,28,56,0.97));
}