/*
 * Cogniz / SchoolCracked brand tokens
 *
 * This file is a manual copy of the :root block from
 *   frontend/src/styles/brand-tokens.css
 * in the SchoolCracked repo. The two sites deploy separately,
 * so keeping them byte-identical is a manual sync task.
 *
 * styles.css declares a literal fallback on every var() reference, so the
 * site still renders correctly if this file fails to load or a stale cached
 * page omits the <link>. Change a value here and the fallback becomes stale,
 * so update both sides.
 *
 * Last synced: 2026-07-29
 */

:root {
  /* Navy scale — --sc-navy-900 matches the legacy Cogniz --blue */
  --sc-navy-900: #052a66;
  --sc-navy-800: #0a3a8a;
  --sc-navy-700: #1a4fa8;
  --sc-navy-100: #e8eef8;
  --sc-navy-50: #f3f6fc;

  /* Kid-friendly accent tiles */
  --sc-amber: #f5a623;
  --sc-coral: #ff6b6b;
  --sc-mint: #2ec4b6;
  --sc-sky: #4dabf7;
  --sc-violet: #845ef7;
  --sc-lime: #82c91e;

  /* Neutrals */
  --sc-ink: #1a2332;
  --sc-ink-muted: #5c6b7a;
  --sc-line: #e2e8f0;
  --sc-paper: #ffffff;
  --sc-paper-soft: #f8fafc;

  /* Radii — Cogniz .btn uses 5rem pill */
  --sc-radius-pill: 5rem;
  --sc-radius-card: 1.25rem;
  --sc-radius-lg: 1rem;

  /* Shadows */
  --sc-shadow-sm: 0 2px 8px rgba(5, 42, 102, 0.06);
  --sc-shadow-md: 0 8px 24px rgba(5, 42, 102, 0.1);
  --sc-shadow-lg: 0 20px 48px rgba(5, 42, 102, 0.14);
}