/* Design tokens shared by the staff app (app.css) and the student portal (student.css). Loaded first.
   The organization's brand color overrides --maroon / --maroon-deep (partials/brand_style.html). */
:root {
  /* Brand */
  --maroon: #4E1424;
  --maroon-deep: #3B0F1B;
  --rose: #E8B4B8;
  --rose-ink: #3A1418;
  --cream: #F8EFE6;
  --tint: color-mix(in srgb, var(--maroon) 8%, white);   /* soft brand wash for selected things */

  /* Surfaces and text */
  --paper: #F5F2EC;         /* page background */
  --paper-2: #EFEAE1;       /* table heads, wells */
  --card: #FFFFFF;
  --fg: #1F1A1B;
  --fg-soft: #4A3F42;
  --muted: #6E6266;
  --line: #E7E0D5;
  --line-strong: #D3C8B8;

  /* Status */
  --green: #1F6B4A;
  --ok-bg: #E8F3EC;
  --warn: #8A5300;
  --warn-bg: #FBEFD9;
  --alert-bg: #FDF1F2;
  --alert-line: #EDC3C7;
  --danger: #A61B1B;

  /* Shape */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 1px 2px rgba(31, 26, 27, .05), 0 0 0 1px rgba(31, 26, 27, .05);
  --shadow-lift: 0 8px 28px rgba(31, 26, 27, .14);

  /* Type */
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;
  --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;

  /* Space */
  --gap: 16px;
  --gutter: 16px;
}