:root {
  color-scheme: dark;

  /* Brand and surfaces */
  --pr-color-primary: #00e5ff;
  --pr-color-primary-hover: #00cfe8;
  --pr-color-bg-deep: #0b0f14;
  --pr-color-bg: #0e1012;
  --pr-color-bg-soft: #10151c;
  --pr-color-card: #141a22;

  /* Text and lines */
  --pr-color-text: #ffffff;
  --pr-color-body: #cbd5e1;
  --pr-color-muted: #94a3b8;
  --pr-color-border: rgba(255, 255, 255, 0.12);
  --pr-color-border-soft: rgba(255, 255, 255, 0.08);
  --pr-color-border-strong: rgba(0, 229, 255, 0.55);

  /* Light technical surfaces */
  --pr-color-light-bg: #f3f5f6;
  --pr-color-light-surface: #fbfcfc;
  --pr-color-light-text: #10151c;
  --pr-color-light-body: #3f4b57;
  --pr-color-light-muted: #5f6c77;
  --pr-color-light-border: rgba(16, 21, 28, 0.16);
  --pr-color-light-accent-ink: #006d78;


  /* Semantic surface tokens */
  --pr-surface-dark-bg: var(--pr-color-bg);
  --pr-surface-dark-soft-bg: var(--pr-color-bg-soft);
  --pr-surface-dark-card: var(--pr-color-card);
  --pr-surface-dark-text: var(--pr-color-text);
  --pr-surface-dark-body: var(--pr-color-body);
  --pr-surface-dark-muted: var(--pr-color-muted);
  --pr-surface-dark-border: var(--pr-color-border);
  --pr-surface-dark-border-soft: var(--pr-color-border-soft);

  --pr-surface-light-bg: var(--pr-color-light-bg);
  --pr-surface-light-card: var(--pr-color-light-surface);
  --pr-surface-light-text: var(--pr-color-light-text);
  --pr-surface-light-body: var(--pr-color-light-body);
  --pr-surface-light-muted: var(--pr-color-light-muted);
  --pr-surface-light-border: var(--pr-color-light-border);
  --pr-surface-light-accent: var(--pr-color-light-accent-ink);

  --pr-surface-cta-bg: var(--pr-color-bg-soft);

  /* Typography */
  --pr-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pr-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --pr-fs-h1: 56px;
  --pr-fs-h2: 46px;
  --pr-fs-h3: 30px;
  --pr-fs-body: 18px;
  --pr-fs-small: 15px;
  --pr-lh-body: 1.65;
  --pr-weight-bold: 700;
  --pr-weight-heading: 800;

  /* Layout */
  --pr-container: 1320px;
  --pr-container-gutter: 32px;
  --pr-narrow: 760px;
  --pr-section-y: 96px;
  --pr-section-y-large: 120px;
  --pr-card-gap: 36px;
  --pr-header-height: 82px;

  /* Spacing */
  --pr-space-2: 8px;
  --pr-space-3: 12px;
  --pr-space-4: 16px;
  --pr-space-5: 24px;
  --pr-space-6: 32px;
  --pr-space-7: 48px;
  --pr-space-8: 64px;

  /* Shape, depth and motion */
  --pr-radius: 4px;
  --pr-shadow-card: 0 14px 36px rgba(0, 0, 0, 0.24);
  --pr-shadow-glow: 0 15px 40px rgba(0, 229, 255, 0.12);
  --pr-transition: 240ms cubic-bezier(0.2, 0, 0, 1);
  --pr-transition-media: 480ms ease;
}