/* Tenovara design system tokens (from the Claude Design handoff) */
@font-face{font-family:"Inter";font-style:normal;font-weight:300 800;font-display:swap;src:url("../fonts/Inter-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/JetBrainsMono-normal.woff2") format("woff2")}

:root{
  /* colors */
  --black:#000000;--ink-950:#060606;--ink-900:#0B0B0C;--ink-850:#111112;--ink-800:#161618;--ink-750:#1C1C1F;--ink-700:#242428;--ink-600:#34343A;--ink-500:#55555D;--ink-400:#7C7C85;--ink-300:#A3A3AB;--ink-200:#C9C9CF;--ink-100:#E6E6EA;--white:#FFFFFF;
  --ember-700:#B8290F;--ember-600:#E23A1C;--ember-500:#FF4D2E;--ember-400:#FF6B4F;--ember-300:#FF8E77;--ember-200:#FFB9AA;--ember-100:#FFE3DC;
  --ember-a08:rgba(255,77,46,.08);--ember-a16:rgba(255,77,46,.16);--ember-a32:rgba(255,77,46,.32);
  --line-a06:rgba(255,255,255,.06);--line-a10:rgba(255,255,255,.10);--line-a16:rgba(255,255,255,.16);--line-a24:rgba(255,255,255,.24);
  --success-500:#3DD68C;--warning-500:#F5B942;--danger-500:#FF4D4D;--info-500:#5AA9FF;
  --success-a16:rgba(61,214,140,.16);--warning-a16:rgba(245,185,66,.16);--danger-a16:rgba(255,77,77,.16);--info-a16:rgba(90,169,255,.16);
  --bg-page:var(--black);--bg-section:var(--ink-950);
  --surface-card:var(--ink-900);--surface-raised:var(--ink-850);--surface-tile:var(--ink-800);--surface-input:var(--ink-850);--surface-hover:var(--ink-750);
  --border-subtle:var(--line-a06);--border-default:var(--line-a10);--border-strong:var(--line-a16);--border-accent:var(--ember-a32);
  --text-strong:var(--white);--text-body:var(--ink-200);--text-muted:var(--ink-400);--text-faint:var(--ink-500);--text-on-accent:var(--white);--text-accent:var(--ember-500);
  --accent:var(--ember-500);--accent-hover:var(--ember-400);--accent-press:var(--ember-600);
  --gradient-silver:linear-gradient(180deg,#FFFFFF 0%,#B9B9C0 100%);
  --gradient-ember:linear-gradient(180deg,#FF7A5C 0%,#FF4D2E 100%);
  --glow-ember:radial-gradient(60% 60% at 70% 40%,rgba(255,77,46,.35) 0%,rgba(255,77,46,0) 70%);

  /* typography */
  --font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
  --fs-display:72px;--fs-h1:56px;--fs-h2:44px;--fs-h3:32px;--fs-h4:24px;--fs-h5:20px;--fs-h6:18px;
  --fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-micro:12px;
  --lh-tight:1.05;--lh-heading:1.15;--lh-snug:1.3;--lh-body:1.55;
  --ls-display:-0.035em;--ls-heading:-0.025em;--ls-body:-0.005em;--ls-eyebrow:0.02em;--ls-mono:0.04em;
  --type-display:var(--fw-semibold) var(--fs-display)/var(--lh-tight) var(--font-sans);
  --type-h1:var(--fw-semibold) var(--fs-h1)/var(--lh-tight) var(--font-sans);
  --type-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-sans);
  --type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-heading) var(--font-sans);
  --type-h4:var(--fw-medium) var(--fs-h4)/var(--lh-snug) var(--font-sans);
  --type-h5:var(--fw-medium) var(--fs-h5)/var(--lh-snug) var(--font-sans);
  --type-body-lg:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-sans);
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
  --type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-sans);
  --type-eyebrow:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);
  --type-mono:var(--fw-regular) var(--fs-micro)/1.4 var(--font-mono);

  /* spacing */
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;
  --container-max:1380px;--container-pad:24px;--section-y:120px;--gutter:20px;
  --radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;
  --control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;

  /* effects */
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow-md:0 8px 24px rgba(0,0,0,.5);
  --shadow-lg:0 24px 64px rgba(0,0,0,.6);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-ember:0 0 0 1px rgba(255,77,46,.4),0 8px 32px rgba(255,77,46,.35);
  --shadow-btn-primary:inset 0 1px 0 rgba(255,255,255,.25),0 6px 20px rgba(255,77,46,.30);
  --ring-focus:0 0 0 3px rgba(255,77,46,.35);
  --blur-glass:saturate(140%) blur(16px);--surface-glass:rgba(12,12,13,.72);
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:150ms;--dur-base:240ms;--dur-slow:600ms;
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:var(--text-strong);margin:0;letter-spacing:var(--ls-heading);text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--text-strong);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--accent)}
::selection{background:var(--ember-a32);color:var(--white)}