/* Sarnakh Design System — runtime tokens (screen-faithful) */
:root {
  /* Brand (from rendered UI screens) */
  --srn-primary: #16b39a;
  --srn-primary-hover: #0e9e8a;
  --srn-primary-50: #ecfdf7;
  --srn-primary-100: #d1faee;
  --srn-primary-shadow: rgba(22, 179, 154, 0.2);

  /* Ink / text */
  --srn-ink: #111827;
  --srn-ink-strong: #1c1c1c;
  --srn-text-secondary: #4b5563;
  --srn-text-muted: #5b5b5b;
  --srn-text-subtle: #6b7280;

  /* Surfaces (screen UI uses cool gray; cream kept as semantic aliases) */
  --srn-bg: #f9fafb;
  --srn-bg-muted: #f3f4f6;
  --srn-surface: #ffffff;
  --srn-border: #d1d5db;
  --srn-border-subtle: #e5e7eb;

  /* Documented foundations (semantic / marketing accents) */
  --srn-terracotta: #b04a2f;
  --srn-sage: #7e8c6a;
  --srn-cream: #f4f1ea;
  --srn-cream-surface: #e9e4d8;
  --srn-cream-light: #faf7f1;
  --srn-border-warm: #d4cbba;
  --srn-soft-warm: #d8cfc0;

  /* Feedback */
  --srn-success: #22c55e;
  --srn-danger: #ef4444;
  --srn-warning: #f59e0b;

  /* Radius */
  --srn-radius-sm: 8px;
  --srn-radius-md: 12px;
  --srn-radius-lg: 16px;
  --srn-radius-xl: 20px;
  --srn-radius-2xl: 24px;

  /* Shadow */
  --srn-shadow-card: 0 8px 24px rgba(17, 24, 39, 0.06);
  --srn-shadow-card-hover: 0 12px 32px rgba(17, 24, 39, 0.1);
  --srn-shadow-cta: 0 10px 12px var(--srn-primary-shadow);

  /* Layout */
  --srn-page-px: 80px;
  --srn-header-h: 90px;
  --srn-sidebar-w: 240px;
  --srn-header-bg: rgba(255, 255, 255, 0.92);
  --srn-footer-bg: #111827;
  --srn-footer-muted: #9ca3af;
  --srn-footer-link: #9ca3af;

  /* Typography */
  --srn-font: "IRANYekanX", "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif;
}