/* Seeeda design tokens — CSS custom properties.
   Source: tokens.json. The two brand colors come from the logo; everything else is a proposal pending client approval. */
:root {
  /* brand */
  --sd-blue: #1A5DA6;
  --sd-blue-dark: #154B86;
  --sd-green: #86C440;
  --sd-green-dark: #75B22F;
  --sd-green-text: #2F6A0C;
  --sd-on-green: #13290A;

  /* neutrals */
  --sd-ground: #F4F5F2;
  --sd-surface: #FFFFFF;
  --sd-surface-muted: #F8F9F6;
  --sd-border: #E3E6DF;
  --sd-border-subtle: #EEF0EA;
  --sd-text: #1B1F1A;
  --sd-text-muted: #5F6760;
  --sd-text-label: #4E564C;
  --sd-ink: #1B1F1A;

  /* status */
  --sd-info-bg: #EAF2FB;    --sd-info-text: #154B86;
  --sd-success-bg: #E6F4D7; --sd-success-text: #2F6A0C;
  --sd-warning-bg: #FFF1D6; --sd-warning-text: #8A5A00;
  --sd-danger-bg: #FDECEC;  --sd-danger-text: #9B1C1C; --sd-danger: #B42318;
  --sd-notice-warning-bg: #FFF6E5; --sd-notice-warning-border: #F3D9A4; --sd-notice-warning-text: #6B4600;

  /* type */
  --sd-font-latin: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sd-font-arabic: "IBM Plex Sans Arabic", Inter, system-ui, sans-serif;
  --sd-fs-display: 44px; --sd-fs-h1: 24px; --sd-fs-h2: 18px; --sd-fs-h3: 15px;
  --sd-fs-body: 14px; --sd-fs-caption: 13px; --sd-fs-small: 12px; --sd-fs-chip: 11px; --sd-fs-kpi: 26px;
  --sd-lh-body: 1.45;

  /* spacing & radius */
  --sd-space-1: 4px; --sd-space-2: 8px; --sd-space-3: 12px; --sd-space-4: 16px; --sd-space-5: 20px; --sd-space-6: 24px; --sd-space-8: 32px; --sd-space-14: 56px;
  --sd-page-padding: 24px; --sd-card-padding: 20px; --sd-mobile-gutter: 16px;
  --sd-radius-card: 16px; --sd-radius-card-nested: 14px; --sd-radius-input: 12px; --sd-radius-button: 12px; --sd-radius-button-sm: 10px; --sd-radius-button-xs: 8px; --sd-radius-pill: 999px;

  /* shadows */
  --sd-shadow-card: 0 1px 2px rgba(20,30,20,.03);
  --sd-shadow-popover: 0 8px 24px rgba(0,0,0,.20);
  --sd-shadow-modal: 0 24px 64px rgba(0,0,0,.25);
  --sd-focus-ring: 0 0 0 2px #D6E4F5;

  /* layout */
  --sd-sidebar-w: 264px; --sd-sidebar-collapsed-w: 72px; --sd-topbar-h: 64px; --sd-marketing-nav-h: 72px;
  --sd-content-max-w: 1480px; --sd-marketing-max-w: 1180px;

  /* motion */
  --sd-ease: ease; --sd-dur-fast: 200ms; --sd-dur-base: 250ms; --sd-dur-shimmer: 1200ms;
}
[dir="rtl"] { font-family: var(--sd-font-arabic); }
[dir="ltr"] { font-family: var(--sd-font-latin); }
@media (prefers-reduced-motion: reduce) { :root { --sd-dur-fast: 0ms; --sd-dur-base: 0ms; --sd-dur-shimmer: 0ms; } }