/* Axlund design language: tokens.
   Every value is linear.app's own (its light theme, October 2026). Where
   Linear and the Axlund Design Profile disagree, Linear wins. Light only:
   investors do not use a dark theme, so there is none. */

:root {
  /* Surfaces, back to front */
  --bg: #ffffff;
  --panel: #ffffff;
  --raised: #f9f8f9;
  --hover: #f4f2f4;
  --pressed: #eeedef;

  /* Lines */
  --line: #e9e8ea;
  --line-strong: #dcdbdd;
  --line-heavy: #d4d4d6;

  /* Text */
  --ink: #282a30;
  --ink-2: #3c4149;
  --ink-muted: #6f6e77;
  --ink-faint: #86848d;

  /* The one accent: Linear's indigo */
  --accent: #7170ff;
  --accent-hover: #8989f0;
  --accent-tint: #f1f1ff;
  --on-accent: #ffffff;

  /* Linear's near-black button, its main call to action on the website */
  --invert: #282a30;
  --invert-hover: #1f2024;
  --on-invert: #ffffff;

  /* Meaning: the three fit lights; red is also every error */
  --green: #27a644;
  --amber: #f0bf00;
  --red: #eb5757;
  --signal: var(--green);

  /* Type */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --font-features: "cv01", "ss03";

  --weight-normal: 400;
  --weight-medium: 510;
  --weight-semibold: 590;
  --weight-bold: 680;

  --text-tiny: 10px;      /* line 1.5 */
  --text-micro: 12px;     /* line 1.4 */
  --text-mini: 13px;      /* line 1.5, -0.01em: app default */
  --text-small: 14px;     /* line 1.5, -0.013em */
  --text-regular: 15px;   /* line 1.6, -0.011em: website body */
  --text-large: 17px;     /* line 1.6 */

  --title-1: 17px;        /* line 1.4 */
  --title-2: 20px;        /* line 1.33 */
  --title-3: 24px;        /* line 1.33 */
  --title-4: 32px;        /* line 1.125 */
  --title-5: 40px;        /* line 1.1 */
  --title-6: 48px;        /* line 1 */
  --title-7: 56px;        /* line 1.1: website hero */
  --title-8: 64px;        /* line 1.06 */
  --tracking-title: -0.022em;

  /* Shape */
  --radius-xs: 4px;
  --radius: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;
  --radius-full: 9999px;

  /* Depth: almost none */
  --shadow-tiny: 0 1px 1px rgba(0, 0, 0, 0.09);
  --shadow-low: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-medium: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-high: 0 7px 32px rgba(0, 0, 0, 0.14);
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(0, 0, 0, 0.4);

  /* Size */
  --control-sm: 28px;
  --control: 32px;
  --control-lg: 44px;
  --tap: 44px;
  --app-bar: 44px;
  --site-bar: 72px;
  --page-max: 1024px;
  --page-wide: 1344px;
  --gutter: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --fast: 100ms;
  --base: 160ms;
  --slow: 240ms;

  color-scheme: light;
}