/* LOCA tokens — single source of truth.
   Color values mirror the app verbatim (Sotvo/Theme/Theme.swift).
   The site is dark-only by identity; there is no light palette. */

:root {
  color-scheme: dark;

  /* surfaces: night → room layers */
  --night-deep: #0B0A0F;
  --night: #0E0D12;
  --room: #14131A;
  --room-raised: #1C1A24;
  --hairline: #26232F;
  --hairline-hover: #2E2A3A;

  /* text: bone family */
  --bone: #F2EFEA;
  --bone-2: #B8B4C2;
  --bone-3: #8E8A99;
  --bone-4: #5C5768; /* YALNIZ dekoratif çizgi/işaret — metin rengi olarak KULLANILMAZ (AA) */
  --velvet-deep: #6C4FD0; /* web-only: on-velvet metinle >=5:1 — balon/buton zemini (AA kararı, TASARIM-DILI §3) */

  /* velvet: brand purples — dosage stays under ~5% of any screen */
  --velvet: #8B6CE8;
  --velvet-bright: #A98BF5;
  --velvet-light: #C9B8FF;
  --velvet-dim: #3A2F63;
  --on-velvet: #F5F2FF;
  --velvet-meta: #CBBCF7;

  /* semantic — strict dosage */
  --verified: #6FCF9A;
  --ember: #E8695A;
  --ember-dim: #4A241F;
  --waiting: #E0B65C;
  --scrim: rgba(0, 0, 0, 0.6);

  /* type */
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-code: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;

  --size-display: clamp(1.75rem, 4vw, 2.5rem);
  --size-title: 1.375rem;
  --size-headline: 1.0625rem;
  --size-body: 1rem;
  --size-footnote: 0.8125rem;
  --size-meta: 0.6875rem;
  --size-room-code: 1.5rem;

  --leading-body: 1.65;
  --leading-tight: 1.25;

  /* space scale (app pt scale × web rhythm) */
  --s1: 0.5rem;
  --s2: 1rem;
  --s3: 1.5rem;
  --s4: 2rem;
  --s5: 3rem;
  --s6: 4rem;
  --s7: 6rem;

  /* radii (from the app) */
  --r-tail: 4px;
  --r-control: 12px;
  --r-card: 16px;
  --r-sheet: 22px;
  --r-pill: 999px;

  /* motion — two signature animations only */
  --t-fast: 120ms;
  --t-base: 220ms;
  --t-vanish: 600ms;
  --t-pulse: 1.8s;

  /* measures */
  --measure-prose: 68ch;
  --measure-wide: 72rem;
  --masthead-h: 56px;
}