/* Web Design Odessa design tokens. Generated by tools/tokens.py; edit the palette and brand values there. */
:root {
  /* palette */
  --ink: #00071a;
  --body: #4d515f;
  --red: #b60b0b;
  --red-bright: #ff3838;
  --red-deep: #c10909;
  --white: #ffffff;
  --surface: #f7f7f9;
  --footer: #0e0f13;
  --line: #dddedf;
  --mist: #f3f4f4;

  /* tints and lines */
  --red-tint: rgba(229, 62, 41, .15);
  --red-10: rgba(182, 11, 11, .1);
  --red-15: rgba(255, 56, 56, .15);
  --red-20: rgba(182, 11, 11, .2);
  --red-20b: rgba(255, 56, 56, .2);
  --red-40: rgba(255, 56, 56, .4);
  --ink-10: rgba(0, 7, 26, .1);
  --ink-tint: rgba(0, 7, 26, .03);
  --black-10: rgba(0, 0, 0, .1);
  --white-50: rgba(255, 255, 255, .5);
  --white-90: rgba(255, 255, 255, .9);
  --line-soft: rgba(14, 5, 2, .1);
  --line-card: rgba(31, 36, 44, .15);
  --line-dark: rgba(0, 0, 0, .15);
  --line-footer: #16232b;

  /* brand */
  --grad-red: linear-gradient(90deg, var(--red) 0%, var(--red-bright) 100%);
  --grad-red-soft: linear-gradient(90deg, rgba(182, 11, 11, .15) 0%, rgba(255, 56, 56, .15) 100%);
  --shadow-header: 0 6px 30px 0 rgba(0, 0, 0, .1);
  --shadow-card: 0 30px 60px rgba(43, 0, 29, .14);
  --radius-pill: 100px;
  --radius-card: 10px;
  --container: 132rem;
  --container-wide: 148rem;
  --font-heading: "Kanit", sans-serif;
  --font-body: "Inter", sans-serif;
  --ease: linear;
  --speed: .3s;

  /* type scale (16 to 18 px base, ratios 1.17 to 1.3) */
  --text-xs: clamp(1.065rem, 1.035rem + 0.093vw, 1.169rem);
  --text-s: clamp(1.368rem, 1.363rem + 0.015vw, 1.385rem);
  --text-m: clamp(1.6rem, 1.543rem + 0.179vw, 1.8rem);
  --text-l: clamp(1.872rem, 1.738rem + 0.418vw, 2.34rem);
  --text-xl: clamp(2.19rem, 1.947rem + 0.761vw, 3.042rem);
  --text-2xl: clamp(2.563rem, 2.165rem + 1.243vw, 3.955rem);
  --text-3xl: clamp(2.998rem, 2.386rem + 1.913vw, 5.141rem);
  --text-4xl: clamp(3.508rem, 2.601rem + 2.835vw, 6.683rem);
  --text-5xl: clamp(4.104rem, 2.795rem + 4.093vw, 8.688rem);

  /* space scale (16 to 20 px base, ratio 1.5) */
  --space-3xs: clamp(0.316rem, 0.293rem + 0.071vw, 0.395rem);
  --space-2xs: clamp(0.474rem, 0.44rem + 0.106vw, 0.593rem);
  --space-xs: clamp(0.711rem, 0.66rem + 0.159vw, 0.889rem);
  --space-s: clamp(1.067rem, 0.99rem + 0.238vw, 1.333rem);
  --space-m: clamp(1.6rem, 1.486rem + 0.357vw, 2rem);
  --space-l: clamp(2.4rem, 2.229rem + 0.536vw, 3rem);
  --space-xl: clamp(3.6rem, 3.343rem + 0.804vw, 4.5rem);
  --space-2xl: clamp(5.4rem, 5.014rem + 1.205vw, 6.75rem);
  --space-3xl: clamp(8.1rem, 7.521rem + 1.808vw, 10.125rem);
  --space-4xl: clamp(12.15rem, 11.282rem + 2.712vw, 15.188rem);
}
