/* Palette provenance: k-means (k=6, every 7th opaque pixel) over brand/LOGO LENDR PNG...png (RGBA, IHDR colour type 6),
   each centroid snapped to the nearest real pixel; stripe colours read directly from brand/LOGO LENDR PNG.png.
   ink      #070809  pixel (654,543)   cream   #f3f4f1  pixel (656,583)   black  #030404  pixel (591,543)
   steel    #4d4e4e  pixel (791,826)   haze    #919391  pixel (1205,580)   silver #c7c8c7  pixel (1433,765)
   gold     #fac052  pixel (200,850)   orange  #f67936  pixel (200,925)
   red      #df4732  pixel (200,1000)  maroon  #7b2039  pixel (200,1090)
   mint is the client-specified accent for the own-token row. This file is the only place colour literals live. */
:root {
  --ink: #070809;
  --black: #030404;
  --cream: #f3f4f1;
  --silver: #c7c8c7;
  --haze: #919391;
  --steel: #4d4e4e;
  --gold: #fac052;
  --orange: #f67936;
  --red: #df4732;
  --maroon: #7b2039;
  --color-mint: #00ffcc;

  --bg: var(--black);
  --surface: color-mix(in srgb, var(--cream) 4%, var(--ink));
  --sunk: color-mix(in srgb, var(--cream) 7%, var(--black));
  --text: var(--cream);
  --text-2: var(--silver);
  --text-3: var(--haze);
  --line: color-mix(in srgb, var(--cream) 11%, transparent);
  --line-2: color-mix(in srgb, var(--cream) 20%, transparent);
  --up: var(--color-mint);
  --down: var(--red);
  --sunset: linear-gradient(90deg, var(--gold) 0%, var(--orange) 38%, var(--red) 70%, var(--maroon) 100%);
  --shadow: 0 1px 2px color-mix(in srgb, var(--black) 40%, transparent), 0 24px 60px -24px color-mix(in srgb, var(--black) 90%, transparent);

  --ease: cubic-bezier(.2, .7, .1, 1);
  --gutter: clamp(20px, 5vw, 112px);
  --r1: 8px;
  --r2: 12px;
  --r3: 20px;
  --display: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

@keyframes ownPulse {
  0%, 100% { background: rgba(0, 255, 204, 0.02); }
  50% { background: rgba(0, 255, 204, 0.08); }
}