:root {
  color-scheme: light;

  /* Cornerman colour system */
  --ink-950: #031226;
  --ink-900: #071a33;
  --ink-850: #0b2241;
  --ink-800: #123059;
  --ink-700: #23466f;
  --ink-600: #4a6686;
  --ink-500: #6c829d;
  --ink-300: #afbdd0;
  --ink-200: #ced8e4;
  --ink-100: #e5ebf2;
  --ink-050: #f1f4f8;

  --blue-700: #0756ce;
  --blue-600: #0b6cff;
  --blue-500: #2781ff;
  --blue-300: #83b8ff;
  --blue-200: #b8d7ff;
  --blue-100: #e4f0ff;

  --ivory: #f7f3ea;
  --ivory-strong: #eee7da;
  --paper: #fffdf8;
  --white: #ffffff;

  --mint: #bfe8d8;
  --mint-strong: #6fc6a5;
  --peach: #f7c8a8;
  --coral: #f2796e;
  --lavender: #cfc5f7;
  --sand: #e5d2ae;
  --sky: #bfe3f5;

  --success: #2f9b70;
  --warning: #bd6b18;
  --danger: #c13d43;

  --surface-page: var(--ivory);
  --surface-raised: var(--paper);
  --surface-muted: #edf1f5;
  --surface-dark: var(--ink-950);
  --surface-dark-raised: #0c2341;
  --surface-blue: var(--blue-600);

  --text-primary: var(--ink-950);
  --text-secondary: var(--ink-700);
  --text-muted: var(--ink-600);
  --text-inverse: var(--white);
  --text-inverse-muted: #b8c9dd;

  --border: rgba(7, 26, 51, 0.14);
  --border-strong: rgba(7, 26, 51, 0.28);
  --border-inverse: rgba(255, 255, 255, 0.18);
  --hairline: 1px solid var(--border);

  --font-sans: Inter, "Inter Tight", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --step--1: clamp(0.8125rem, 0.78rem + 0.1vw, 0.875rem);
  --step-0: clamp(0.9375rem, 0.9rem + 0.16vw, 1.0625rem);
  --step-1: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --step-2: clamp(1.28rem, 1.12rem + 0.65vw, 1.75rem);
  --step-3: clamp(1.65rem, 1.38rem + 1.1vw, 2.5rem);
  --step-4: clamp(2.1rem, 1.65rem + 1.9vw, 3.7rem);
  --step-5: clamp(2.75rem, 1.9rem + 3.2vw, 5.6rem);
  --step-6: clamp(3.25rem, 2rem + 5.3vw, 8rem);

  --leading-tight: 0.94;
  --leading-heading: 1.03;
  --leading-body: 1.58;

  --tracking-tight: -0.052em;
  --tracking-heading: -0.035em;
  --tracking-label: 0.1em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --space-11: 5rem;
  --space-12: 6rem;
  --space-13: 8rem;
  --space-14: 10rem;

  --gutter: clamp(1rem, 2.5vw, 3rem);
  --container: 90rem;
  --content: 76rem;
  --copy: 44rem;
  --header-height: 4.75rem;

  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 1.125rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2.5rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(3, 18, 38, 0.08), 0 10px 28px rgba(3, 18, 38, 0.06);
  --shadow-md: 0 2px 4px rgba(3, 18, 38, 0.08), 0 24px 64px rgba(3, 18, 38, 0.14);
  --shadow-lg: 0 30px 100px rgba(3, 18, 38, 0.24);
  --shadow-blue: 0 20px 60px rgba(11, 108, 255, 0.22);

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration: 280ms;
  --duration-slow: 620ms;

  --z-header: 50;
  --z-menu: 60;
  --z-dialog: 100;
}

@media (max-width: 48rem) {
  :root {
    --header-height: 4.25rem;
    --radius-xl: 1.75rem;
  }
}