/* theme.css
   University branding variables.
   To deploy for a different university, replace this file only.
   ------------------------------------------------------------------ */
:root {
  /* Brand colours */
  --color-primary:       #0065bd;
  --color-primary-dark:  #004c90;
  --color-alert:         #dc2626;
  --color-warning:       #d97706;

  /* Surface / background */
  --color-bg:            #f4f6f8;
  --color-surface:       #ffffff;
  --color-border:        #d1d5db;
  --color-border-light:  #e5e7eb;

  /* Text */
  --color-text:          #1a1a2e;
  --color-text-muted:    #6b7280;

  /* Status colour pairs — reused across control and display pages */
  --color-warning-bg:    #fef3c7;
  --color-warning-text:  #78350f;
  --color-warning-dark:  #b45309;
  --color-alert-bg:      #fee2e2;
  --color-alert-text:    #7f1d1d;
  --color-alert-hover:   #b91c1c;

  /* Success */
  --color-success:       #15803d;
  --color-success-hover: #16a34a;
  --color-success-bg:    #dcfce7;

  /* Info / accent */
  --color-info-bg:       #dbeafe;
  --color-info-light:    #eff6ff;
  --color-accent-blue:   #3b82f6;
  --color-accent-amber:  #f59e0b;

  /* Utility */
  --color-white:         #ffffff;

  /* Button defaults */
  --color-btn-default:              #f8fafc;
  --color-btn-default-hover-border: #9ca3af;
  --color-btn-secondary-hover:      #4b5563;

  /* Overlays */
  --overlay-dark:        rgba(0, 0, 0, 0.5);
  --overlay-fullscreen:  rgba(0, 0, 0, 0.75);
  --overlay-coming-soon: rgba(240, 242, 245, 0.88);

  /* Focus ring */
  --shadow-focus:        0 0 0 3px rgba(0, 101, 189, 0.15);

  /* Misc */
  --font-family:         Arial, sans-serif;
  --radius:              6px;
  --radius-lg:           10px;
  --shadow-sm:           0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow:              0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-lg:           0 4px 20px rgba(0, 0, 0, 0.14);
}