/* Generated by replica/design/build-tokens.mjs from tokens.json. Do not edit. */
:root {
  color-scheme: dark;
  --color-bg: 16 18 22;
  --color-surface: 27 30 36;
  --color-surface-raised: 38 42 50;
  --color-surface-pressed: 49 54 63;
  --color-border: 47 52 61;
  --color-border-subtle: 34 38 45;
  --color-border-input: 115 123 140;
  --color-text: 245 242 234;
  --color-text-secondary: 182 187 196;
  --color-text-muted: 154 161 175;
  --color-text-placeholder: 154 161 175;
  --color-accent: 255 106 61;
  --color-accent-text: 255 106 61;
  --color-on-accent: 16 18 22;
  --color-focus: 255 106 61;
  --color-success: 97 214 161;
  --color-on-success: 16 18 22;
  --color-success-surface: 23 48 42;
  --color-danger: 255 115 122;
  --color-danger-fill: 179 38 53;
  --color-on-danger: 245 242 234;
  --color-warning: 255 106 61;
  --color-on-warning: 16 18 22;
  --color-chart-1: 255 106 61;
  --color-chart-grid: 42 47 55;
  --color-chart-axis: 154 161 175;
  --color-heat-0: 49 54 63;
  --color-heat-1: 90 47 35;
  --color-heat-2: 140 65 41;
  --color-heat-3: 199 85 47;
  --color-heat-4: 255 160 126;
  --color-effort-1: 97 214 161;
  --color-effort-2: 168 207 142;
  --color-effort-3: 245 184 65;
  --color-effort-4: 255 106 61;
  --color-effort-5: 255 115 122;
  --color-on-effort: 16 18 22;
  --color-recovery-fresh: 97 214 161;
  --color-recovery-mid: 245 184 65;
  --color-recovery-tired: 255 115 122;
  --color-plate-red: 217 58 58;
  --color-plate-blue: 59 111 224;
  --color-plate-yellow: 242 194 48;
  --color-plate-green: 47 163 90;
  --color-plate-white: 245 242 234;
  --color-plate-black: 58 63 72;
  --color-plate-steel: 185 190 199;
  --color-code-paper: 255 255 255;
  --color-code-ink: 0 0 0;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --layout-gutter: 16px;
  --layout-grid-gap: 12px;
  --layout-touch-min: 44px;
  --layout-row: 56px;
  --layout-set-row: 48px;
  --layout-nav-bar: 44px;
  --layout-tab-bar: 49px;
  --layout-thumb: 48px;
  --layout-button-sm: 32px;
  --layout-button-md: 40px;
  --layout-button-lg: 52px;
  --layout-content-max: 640px;
  --layout-card-w: 248px;
  --layout-swipe-action: 96px;
  --layout-sheet-max: 560px;
  --font-sans: -apple-system, 'SF Pro Text', 'SF Arabic', system-ui, 'Segoe UI', 'Noto Sans Arabic', sans-serif;
  --font-display: 'Changa', 'SF Arabic', 'Noto Sans Arabic', sans-serif;
  --motion-fast: 160ms;
  --motion-base: 250ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --type-caption-size: 12px;
  --type-caption-line: 18px;
  --type-caption-weight: 600;
  --type-xs-size: 12px;
  --type-xs-line: 18px;
  --type-xs-weight: 400;
  --type-sm-size: 14px;
  --type-sm-line: 22px;
  --type-sm-weight: 400;
  --type-base-size: 16px;
  --type-base-line: 24px;
  --type-base-weight: 400;
  --type-lg-size: 20px;
  --type-lg-line: 28px;
  --type-lg-weight: 600;
  --type-xl-size: 28px;
  --type-xl-line: 36px;
  --type-xl-weight: 700;
  --type-display-size: 34px;
  --type-display-line: 42px;
  --type-display-weight: 700;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 80px;
}