/* ==========================================================================
   TOKENS - the only file you edit per project to re-brand everything.
   Every other file in shared-theme/ reads these variables.
   ========================================================================== */
:root {
  /* Brand */
  --brand-primary: #1E3A8A;
  --brand-primary-50: #EEF2FF;
  --brand-primary-100: #E0E7FF;
  --brand-primary-900: #172554;

  --brand-accent: #F59E0B;
  --brand-accent-rgb: 245, 158, 11;   /* same colour as above, for rgba() */
  --brand-accent-600: #D97706;
  --brand-on-accent: #1B2F6F;         /* text/icon colour on top of accent */

  /* Status */
  --brand-success: #10B981;  --brand-success-50: #ECFDF5;
  --brand-info:    #0EA5E9;  --brand-info-50:    #E0F2FE;
  --brand-warning: #F59E0B;  --brand-warning-50: #FFFBEB;
  --brand-danger:  #EF4444;  --brand-danger-50:  #FEF2F2;

  /* Surfaces & text */
  --brand-body-bg: #F4F6FB;
  --brand-card-bg: #FFFFFF;
  --brand-border: #E5E7EB;
  --brand-border-soft: #F1F2F6;
  --brand-text: #0F172A;
  --brand-text-muted: #64748B;
  --brand-text-soft: #94A3B8;
  --brand-heading: #0B1437;

  /* Sidebar */
  --brand-sidebar-bg: #0B1437;
  --brand-sidebar-text: #C7D2FE;
  --brand-sidebar-hover: rgba(255,255,255,0.06);
  --brand-sidebar-heading: #6B7CB6;
  --brand-sidebar-border: rgba(255,255,255,0.05);

  /* Topbar */
  --brand-topbar-bg: #FFFFFF;
  --brand-topbar-border: #E5E7EB;

  /* Soft buttons (background / text) - overridden in dark mode below */
  --brand-soft-primary-bg: var(--brand-primary-50);  --brand-soft-primary-fg: var(--brand-primary);
  --brand-soft-success-bg: var(--brand-success-50);  --brand-soft-success-fg: var(--brand-success);
  --brand-soft-warning-bg: var(--brand-warning-50);  --brand-soft-warning-fg: var(--brand-warning);
  --brand-soft-danger-bg:  var(--brand-danger-50);   --brand-soft-danger-fg:  var(--brand-danger);
  --brand-soft-info-bg:    var(--brand-info-50);     --brand-soft-info-fg:    var(--brand-info);

  /* Shape & shadow */
  --brand-shadow-sm: 0 1px 2px rgba(15,23,42,0.04);
  --brand-shadow: 0 4px 12px rgba(15,23,42,0.06);
  --brand-shadow-lg: 0 12px 32px rgba(15,23,42,0.08);
  --brand-radius: 10px;
  --brand-radius-lg: 14px;
  --brand-radius-sm: 6px;

  /* Layout positions - change these to move/resize the shell */
  --brand-sidebar-width: 260px;
  --brand-sidebar-collapsed: 78px;
  --brand-topbar-h: 66px;

  /* Bootstrap hooks */
  --bs-primary: var(--brand-primary);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-900);
}

/* Dark mode: toggled by adding class "theme-dark" to <html> */
html.theme-dark {
  --brand-body-bg: #0B1437;
  --brand-card-bg: #172554;
  --brand-border: #1E3A8A;
  --brand-border-soft: #1B2F6F;
  --brand-text: #E5E7EB;
  --brand-text-muted: #94A3B8;
  --brand-text-soft: #64748B;
  --brand-heading: #F1F5F9;
  --brand-topbar-bg: #172554;
  --brand-topbar-border: #1E3A8A;

  --brand-soft-primary-bg: rgba(99,102,241,0.18);  --brand-soft-primary-fg: #C7D2FE;
  --brand-soft-success-bg: rgba(16,185,129,0.18);  --brand-soft-success-fg: #6EE7B7;
  --brand-soft-warning-bg: rgba(245,158,11,0.18);  --brand-soft-warning-fg: #FCD34D;
  --brand-soft-danger-bg:  rgba(239,68,68,0.18);   --brand-soft-danger-fg:  #FCA5A5;
  --brand-soft-info-bg:    rgba(14,165,233,0.18);  --brand-soft-info-fg:    #7DD3FC;

  --brand-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --brand-shadow: 0 4px 12px rgba(0,0,0,0.4);
  --brand-shadow-lg: 0 12px 32px rgba(0,0,0,0.5);
  color-scheme: dark;
}