/**
 * NCPA dashboard design tokens — single source for collegiate profile + junior shells.
 * Import first in any dashboard page.
 */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@100..900&display=swap');

:root {
  /* Brand */
  --ncpa-font-chrome: 'Lexend Peta', sans-serif;
  --ncpa-font-body: 'Lexend Peta', sans-serif;

  /* Colors */
  --ncpa-menu-bg: rgb(22, 32, 44);
  --ncpa-menu-text: rgb(250, 250, 250);
  --ncpa-menu-text-muted: rgba(250, 250, 250, 0.72);
  --ncpa-menu-hover: rgb(16, 40, 70);
  --ncpa-menu-selected: rgb(31, 55, 85);
  --ncpa-accent: rgb(126, 173, 237);
  --ncpa-accent-soft: rgba(126, 173, 237, 0.12);
  --ncpa-page-bg: rgb(250, 250, 250);
  --ncpa-text-body: #212529;
  --ncpa-text-muted: #6c757d;
  --ncpa-border: rgba(0, 0, 0, 0.08);
  --ncpa-border-strong: rgba(22, 32, 44, 0.1);
  --ncpa-card-bg: #fff;

  /* Layout */
  --ncpa-menu-width: 15em;
  --ncpa-page-padding: 3em;
  --ncpa-content-max: 48rem;

  /* Radius */
  --ncpa-radius-shell: 12px;
  --ncpa-radius-control: 8px;
  --ncpa-radius-modal: 0.75rem;

  /* Spacing scale */
  --ncpa-space-xs: 0.35rem;
  --ncpa-space-sm: 0.5rem;
  --ncpa-space-md: 1rem;
  --ncpa-space-lg: 1.5rem;
  --ncpa-space-xl: 2rem;

  /* Legacy aliases (junior-dashboard.css, agent rules) */
  --col-menu-bg: var(--ncpa-menu-bg);
  --col-accent: var(--ncpa-accent);
  --col-page-bg: var(--ncpa-page-bg);
  --col-text-body: var(--ncpa-text-body);
  --col-border: var(--ncpa-border);
  --col-card: var(--ncpa-card-bg);
}