/*
 * Sangford Campus360 UI Kit v1.0
 * Design tokens: one source of truth for brand, spacing, typography and states.
 */
:root {
    color-scheme: light;

    /* Brand */
    --c360-brand-950: #0b2f3a;
    --c360-brand-900: #123c4a;
    --c360-brand-800: #174e5d;
    --c360-brand-700: #0a635c;
    --c360-brand-600: #0f8277;
    --c360-brand-500: #15958a;
    --c360-brand-100: #dff3f0;
    --c360-brand-50: #eff9f7;
    --c360-accent-gold: #c58a2a;

    /* Neutral */
    --c360-white: #ffffff;
    --c360-slate-950: #172738;
    --c360-slate-900: #1f2937;
    --c360-slate-800: #2f4350;
    --c360-slate-700: #475569;
    --c360-slate-600: #5f7780;
    --c360-slate-500: #71858d;
    --c360-slate-400: #94a6ad;
    --c360-slate-300: #c3d0d5;
    --c360-slate-200: #d6e2e6;
    --c360-slate-100: #eaf0f2;
    --c360-slate-50: #f5f9fa;

    /* Semantic */
    --c360-info-700: #1d4ed8;
    --c360-info-100: #dbeafe;
    --c360-info-50: #eff6ff;
    --c360-success-700: #166534;
    --c360-success-100: #dcfce7;
    --c360-success-50: #f0fdf4;
    --c360-warning-800: #8a5300;
    --c360-warning-100: #fef3c7;
    --c360-warning-50: #fffbeb;
    --c360-returned-700: #9a3412;
    --c360-returned-100: #ffedd5;
    --c360-returned-50: #fff7ed;
    --c360-danger-700: #b42318;
    --c360-danger-100: #fee2e2;
    --c360-danger-50: #fff1f2;

    /* Surfaces */
    --c360-page-bg: #f4f8f9;
    --c360-surface: #ffffff;
    --c360-surface-soft: #f8fbfc;
    --c360-border: #d6e2e6;
    --c360-border-strong: #bfd0d6;
    --c360-overlay: rgba(11, 47, 58, 0.48);

    /* Typography */
    --c360-font-sans: Arial, Helvetica, system-ui, -apple-system, "Segoe UI", sans-serif;
    --c360-font-size-xs: 0.75rem;
    --c360-font-size-sm: 0.8125rem;
    --c360-font-size-md: 0.875rem;
    --c360-font-size-base: 1rem;
    --c360-font-size-lg: 1.125rem;
    --c360-font-size-xl: 1.375rem;
    --c360-font-size-2xl: clamp(1.75rem, 3vw, 2.35rem);
    --c360-line-tight: 1.2;
    --c360-line-normal: 1.5;
    --c360-line-relaxed: 1.65;

    /* Spacing */
    --c360-space-1: 0.25rem;
    --c360-space-2: 0.5rem;
    --c360-space-3: 0.75rem;
    --c360-space-4: 1rem;
    --c360-space-5: 1.25rem;
    --c360-space-6: 1.5rem;
    --c360-space-8: 2rem;
    --c360-space-10: 2.5rem;
    --c360-space-12: 3rem;

    /* Shape */
    --c360-radius-sm: 0.4375rem;
    --c360-radius-md: 0.625rem;
    --c360-radius-lg: 0.875rem;
    --c360-radius-xl: 1.125rem;
    --c360-radius-pill: 999px;

    /* Elevation */
    --c360-shadow-xs: 0 1px 2px rgba(18, 60, 74, 0.06);
    --c360-shadow-sm: 0 5px 16px rgba(18, 60, 74, 0.07);
    --c360-shadow-md: 0 12px 32px rgba(18, 60, 74, 0.10);

    /* Controls */
    --c360-control-sm: 2rem;
    --c360-control-md: 2.5rem;
    --c360-control-lg: 2.875rem;
    --c360-focus-ring: 0 0 0 3px rgba(15, 130, 119, 0.18);

    /* Layout */
    --c360-page-width: 1320px;
    --c360-sidebar-width: 260px;
    --c360-topbar-height: 72px;

    /* Motion */
    --c360-duration-fast: 140ms;
    --c360-duration-normal: 220ms;
}