/**
 * Sikshya Admin Design System
 *
 * Minimal token sheet consumed by legacy admin CSS files (`admin.css`, `settings.css`, `modal.css`).
 * The React admin uses Tailwind tokens; this file exists to prevent 404s and keep
 * classic admin screens visually consistent.
 *
 * @package Sikshya
 */

:root {
  /* Typography */
  --sikshya-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sikshya-font-medium: 500;
  --sikshya-font-semibold: 600;
  --sikshya-font-bold: 700;

  /* Font sizes */
  --sikshya-text-xs: 0.75rem;
  --sikshya-text-sm: 0.875rem;
  --sikshya-text-base: 1rem;
  --sikshya-text-lg: 1.125rem;
  --sikshya-text-xl: 1.25rem;
  --sikshya-text-2xl: 1.5rem;

  /* Spacing scale */
  --sikshya-space-1: 0.25rem;
  --sikshya-space-2: 0.5rem;
  --sikshya-space-3: 0.75rem;
  --sikshya-space-4: 1rem;
  --sikshya-space-5: 1.25rem;
  --sikshya-space-6: 1.5rem;
  --sikshya-space-8: 2rem;

  /* Radii */
  --sikshya-radius-sm: 0.375rem;
  --sikshya-radius-md: 0.5rem;
  --sikshya-radius-lg: 0.75rem;
  --sikshya-radius-xl: 1rem;

  /* Border */
  --sikshya-border-width: 1px;
  --sikshya-border-style: solid;

  /* Color palette */
  --sikshya-white: #ffffff;
  --sikshya-gray-50: #f8fafc;
  --sikshya-gray-100: #f1f5f9;
  --sikshya-gray-200: #e2e8f0;
  --sikshya-gray-300: #cbd5e1;
  --sikshya-gray-400: #94a3b8;
  --sikshya-gray-500: #64748b;
  --sikshya-gray-700: #334155;
  --sikshya-gray-800: #1f2937;
  --sikshya-gray-900: #0f172a;

  /* Brand — derived from the actual Sikshya logo.
     - primary = the navy used for the "SIKSHYA" wordmark
     - accent  = the deep purple used for the "LMS" suffix
     Keep the two-color system consistent everywhere in admin + frontend. */
  --sikshya-primary: #2c5ba8;
  --sikshya-primary-hover: #1f4585;
  --sikshya-primary-border: rgba(44, 91, 168, 0.25);
  --sikshya-primary-bg: rgba(44, 91, 168, 0.12);
  --sikshya-primary-light: #e8f0fa;

  --sikshya-accent: #7a2e80;
  --sikshya-accent-hover: #5e2266;
  --sikshya-accent-border: rgba(122, 46, 128, 0.25);
  --sikshya-accent-bg: rgba(122, 46, 128, 0.12);
  --sikshya-accent-light: #f5e8f5;

  /* Shadows */
  --sikshya-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --sikshya-shadow-md: 0 4px 18px rgba(15, 23, 42, 0.10);
  --sikshya-shadow-lg: 0 10px 36px rgba(15, 23, 42, 0.12);

  /* Motion */
  --sikshya-transition-fast: 120ms ease;
  --sikshya-transition-normal: 160ms ease;
}


/* Brand-tinted checkbox + radio accent (matches logo primary navy). */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #2c5ba8;
}
