/* Private Sleeve design tokens. Single source of truth for the site and the app.
   Change a value here, copy the file to the other repository, and both move together. */
:root {
  /* colour */
  --ps-blue: #1D4ED8;
  --ps-blue-deep: #0B2A87;
  --ps-blue-mid: #2E63E8;
  --ps-blue-soft: #93B4FF;
  --ps-blue-tint: #EAF0FF;
  --ps-ink: #0F172A;
  --ps-grey: #64748B;
  --ps-grey-light: #94A3B8;
  --ps-rule: #E2E8F0;
  --ps-mist: #F6F8FC;
  --ps-paper: #FFFFFF;
  --ps-green: #16A34A;
  --ps-amber: #F59E0B;
  --ps-red: #DC2626;

  /* type */
  --ps-font: 'Archivo', system-ui, sans-serif;
  --ps-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --ps-text-xs: 13px;
  --ps-text-sm: 15px;
  --ps-text-md: 17px;
  --ps-text-lg: 20px;
  --ps-text-xl: 24px;
  --ps-text-2xl: 32px;
  --ps-text-3xl: 44px;
  --ps-text-4xl: 62px;
  --ps-leading: 1.5;
  --ps-leading-tight: 1.1;
  --ps-tracking-tight: -0.028em;

  /* space, 4px base */
  --ps-1: 4px;  --ps-2: 8px;  --ps-3: 12px; --ps-4: 16px;
  --ps-5: 20px; --ps-6: 24px; --ps-8: 32px; --ps-10: 40px; --ps-12: 48px; --ps-16: 64px;

  /* shape */
  --ps-radius-sm: 6px;
  --ps-radius: 10px;
  --ps-radius-lg: 14px;
  --ps-radius-pill: 999px;
  --ps-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  --ps-shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.08);

  /* motion */
  --ps-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ps-fast: 150ms;
  --ps-base: 350ms;
  --ps-slow: 900ms;

  /* layout */
  --ps-maxw: 1180px;
  --ps-rail: 240px;
}

/* components, per DESIGN.md. Values named here so no pixel size appears in a component. */
:root {
  --ps-btn-py: 13px;
  --ps-btn-px: 22px;
  --ps-pill-py: 6px;
  --ps-pill-px: 14px;
  --ps-card-py: 26px;
  --ps-card-px: 28px;
  --ps-table-header-size: 12px;
  --ps-table-header-tracking: 0.06em;
  --ps-stat-figure: 30px;
  --ps-rail-bar: 3px;
  --ps-toggle-w: 48px;
  --ps-toggle-h: 27px;
  --ps-sparkline-stroke: 2px;
  --ps-sparkline-dot: 6px;
  --ps-donut-stroke: 30px;
  --ps-donut-radius: 74px;
}