/**
 * Sabte Kalhor — Design tokens (Wave 1 mobile shell)
 * Brand: navy / teal / gold (aligned with Academy & site chrome)
 * Scope: public site only. Desktop layout unchanged.
 */

:root {
  /* Brand */
  --sk-navy: #1b2a4a;
  --sk-navy-soft: #27406c;
  --sk-teal: #09838e;
  --sk-teal-deep: #0d8a8b;
  --sk-gold: #c9a227;
  --sk-gold-soft: #e8c547;
  --sk-gold-ink: #3d2e05;

  /* Surfaces */
  --sk-bg: #f4f6f8;
  --sk-surface: #ffffff;
  --sk-ink: #1a2332;
  --sk-muted: #5b6575;
  --sk-border: rgba(27, 42, 74, 0.12);
  --sk-overlay: rgba(15, 23, 42, 0.48);

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

  /* Radius */
  --sk-radius-sm: 10px;
  --sk-radius-md: 14px;
  --sk-radius-lg: 18px;
  --sk-radius-pill: 999px;

  /* Shadows */
  --sk-shadow-sm: 0 2px 8px rgba(27, 42, 74, 0.06);
  --sk-shadow-card: 0 8px 24px rgba(27, 42, 74, 0.1);
  --sk-shadow-nav: 0 -4px 24px rgba(27, 42, 74, 0.12);

  /* Type */
  --sk-font: "IRANSansWeb", "IRANSans", Tahoma, sans-serif;
  --sk-text-xs: 0.75rem;
  --sk-text-sm: 0.875rem;
  --sk-text-md: 1rem;
  --sk-text-lg: 1.125rem;
  --sk-leading: 1.7;

  /* Touch & chrome */
  --sk-touch-min: 44px;
  --sk-header-h: 56px;
  --sk-bottom-nav-h: 64px;
  --sk-safe-bottom: env(safe-area-inset-bottom, 0px);
  --sk-safe-top: env(safe-area-inset-top, 0px);
  --sk-shell-pad-bottom: calc(var(--sk-bottom-nav-h) + var(--sk-safe-bottom) + 12px);

  /* Motion */
  --sk-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sk-duration: 0.28s;

  /* Z-index ladder (below SweetAlert / high modals when needed) */
  --sk-z-header: 1030;
  --sk-z-bottom-nav: 1035;
  --sk-z-sheet-backdrop: 1040;
  --sk-z-sheet: 1045;
  --sk-z-chat-offset-base: 1050;
}