/* CampusAttend - Global Design System (single source of truth)
   PHP 7.3 compatible project (CSS only)
*/

:root {
  /* Institutional colors (required) */
  --color-primary: #0B6E4F;
  --color-secondary: #A1D99B;
  --color-accent: #F6C200;
  --color-text: #222222;
  --color-background: #FFFFFF;

  /* Sidebar tokens (required) */
  --sidebar-bg: var(--color-primary);
  --sidebar-text: #FFFFFF;
  --sidebar-hover: #09563F;

  /* Surfaces */
  --card-bg: var(--color-background);
  --border-color: #E5E5E5;

  /* Status */
  --danger: #DC3545;
  --success: #28A745;
  --warning: #FFC107;

  /* Compatibility mapping: existing UI + Bootstrap */
  --aa-primary: var(--color-primary);
  --aa-secondary: var(--color-secondary);
  --aa-accent: var(--color-accent);
  --aa-text: var(--color-text);
  --aa-bg: var(--color-background);

  --aa-card: var(--card-bg);
  --aa-border: var(--border-color);
  --aa-success: var(--success);
  --aa-warning: var(--color-accent);
  --aa-danger: var(--danger);

  /* Sidebar background (previously slate gradient) - standardize to institutional green */
  --aa-sidebar: var(--sidebar-bg);
  --aa-sidebar-2: var(--sidebar-bg);
  --aa-sidebar-text: var(--sidebar-text);
  --aa-sidebar-hover: var(--sidebar-hover);

  /* Bootstrap theme variables (Bootstrap 5.3 uses these CSS vars) */
  --bs-body-bg: var(--color-background);
  --bs-body-color: var(--color-text);
  --bs-primary: var(--color-primary);
  --bs-secondary: #2f7a62; /* darker companion */
  --bs-success: var(--success);
  --bs-warning: var(--color-accent);
  --bs-danger: var(--danger);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--sidebar-hover);

  /* Common neutrals/shadows (use vars in pages; no hex inline) */
  --shadow-soft: 0 10px 28px rgba(2, 6, 23, .06);
  --shadow-soft-2: 0 8px 20px rgba(2, 6, 23, .08);

  /* Semantic surfaces (used for pills/badges/cards) */
  --surface-success: color-mix(in srgb, var(--success) 10%, var(--color-background) 90%);
  --surface-warning: color-mix(in srgb, var(--color-accent) 14%, var(--color-background) 86%);
  --surface-neutral: color-mix(in srgb, var(--border-color) 40%, var(--color-background) 60%);

  --text-success: var(--color-primary);
  --text-warning: color-mix(in srgb, var(--color-text) 65%, var(--color-primary) 35%);
  --text-neutral: color-mix(in srgb, var(--color-text) 75%, #000 25%);
}