/* ÜRETİLDİ — elle düzenleme. Kaynak: design/_shell-web.css (:root adları) + tema.css (--t-… ve --f-… token'ları).
   Yenilemek için: node tool/web_tema_uret.mjs. Kabuğun showcase sınıfları (kabuk.css) bu adları kullanır;
   renk eşleri tema.css'tedir (açık/koyu/sistem seçimi orada), burada ham renk YOK. Gölgeler tema-bağımlıdır:
   koyu dallar tema.css ile AYNI iki koşulu paylaşır. Ölçü sabitleri (font, fs, r, ray…) olduğu gibi taşınır. */
:root {
  --primary: var(--t-primary);
  --primary-deep: var(--t-primary-deep);
  --primary-press: var(--t-primary-press);
  --primary-soft: var(--t-primary-soft);
  --primary-tint: var(--t-primary-tint);
  --primary-contrast: var(--t-primary-contrast);
  --primary-fill: var(--t-primary-fill);
  --primary-fill-tint: var(--t-primary-fill-tint);
  --on-primary-soft: var(--t-on-primary-soft);
  --accent: var(--t-accent);
  --accent-deep: var(--t-accent-deep);
  --accent-soft: var(--t-accent-soft);
  --accent-contrast: var(--t-accent-contrast);
  --on-accent-soft: var(--t-on-accent-soft);
  --presence-online: var(--t-presence-online);
  --presence-online-soft: var(--t-presence-online-soft);
  --presence-away: var(--t-presence-away);
  --presence-away-soft: var(--t-presence-away-soft);
  --presence-dnd: var(--t-presence-dnd);
  --presence-dnd-soft: var(--t-presence-dnd-soft);
  --presence-invisible: var(--t-presence-invisible);
  --presence-invisible-soft: var(--t-presence-invisible-soft);
  --bubble-out: var(--t-bubble-out);
  --bubble-out-ink: var(--t-bubble-out-ink);
  --bubble-in: var(--t-bubble-in);
  --bubble-in-ink: var(--t-bubble-in-ink);
  --bubble-meta: var(--t-bubble-meta);
  --tick-read: var(--t-tick-read);
  --tick-sent: var(--t-tick-sent);
  --reaction-edge: var(--t-reaction-edge);
  --voice-accent: var(--t-voice-accent);
  --voice-accent-soft: var(--t-voice-accent-soft);
  --voice-accent-deep: var(--t-voice-accent-deep);
  --ink: var(--t-ink);
  --sub: var(--t-sub);
  --muted: var(--t-muted);
  --faint: var(--t-faint);
  --sub-soft: var(--t-sub-soft);
  --line: var(--t-line);
  --line-soft: var(--t-line-soft);
  --nav-outline: var(--t-nav-outline);
  --canvas: var(--t-canvas);
  --app-bg: var(--t-app-bg);
  --sheet: var(--t-sheet);
  --sheet-2: var(--t-sheet2);
  --card-bg: var(--t-card-bg);
  --screen-bg: var(--t-screen-bg);
  --chat-bg: var(--t-chat-bg);
  --wallpaper-bg: var(--t-wallpaper-bg);
  --wallpaper-line: var(--t-wallpaper-line);
  --gold: var(--t-gold);
  --gold-soft: var(--t-gold-soft);
  --gold-tint: var(--t-gold-tint);
  --gold-ink: var(--t-gold-ink);
  --gold-deep: var(--t-gold-deep);
  --gold-line: var(--t-gold-line);
  --gold-line-active: var(--t-gold-line-active);
  --danger-ink: var(--t-danger-ink);
  --danger-deep: var(--t-danger-deep);
  --on-danger-soft: var(--t-on-danger-soft);
  --note-soft: var(--t-note-soft);
  --note-accent: var(--t-note-accent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--f-ink) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--f-ink) 5%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, var(--f-ink) 8%, transparent), 0 1px 3px color-mix(in srgb, var(--f-ink) 5%, transparent);
  --shadow-lg: 0 18px 44px -12px color-mix(in srgb, var(--f-ink) 22%, transparent), 0 4px 12px color-mix(in srgb, var(--f-ink) 6%, transparent);
  --shadow-balon: 0 1px .5px color-mix(in srgb, var(--f-ink) 13%, transparent);
  --shadow-ic: inset 0 1px 0 color-mix(in srgb, var(--f-white) 70%, transparent);
  --fixed-white: var(--f-white);
  --fixed-black: var(--f-black);
  --fixed-ink: var(--f-ink);
  --scrim: color-mix(in srgb, var(--f-black) 56%, transparent);
  --danger-soft: var(--t-presence-dnd-soft);
  --card: var(--t-card-bg);
  --font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-display: 28px;
  --fs-h1: 22px;
  --fs-h2: 19px;
  --fs-h3: 16px;
  --fs-body: 15px;
  --fs-sub: 14px;
  --fs-cap: 13px;
  --fs-micro: 12px;
  --fw-reg: 400;
  --fw-med: 500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-x: 800;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;
  --r-balon: 12px;
  --win-w: 1440px;
  --win-h: 900px;
  --chrome-h: 84px;
  --ray-w: 64px;
  --liste-w: 400px;
  --bilgi-w: 380px;
  --bas-h: 60px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --shadow-sm: 0 1px 2px color-mix(in srgb, var(--f-black) 30%, transparent);
    --shadow-md: 0 4px 14px color-mix(in srgb, var(--f-black) 35%, transparent);
    --shadow-lg: 0 18px 44px -12px color-mix(in srgb, var(--f-black) 60%, transparent), 0 4px 12px color-mix(in srgb, var(--f-black) 30%, transparent);
    --shadow-balon: 0 1px .5px color-mix(in srgb, var(--f-black) 30%, transparent);
    --shadow-ic: inset 0 1px 0 color-mix(in srgb, var(--f-white) 4%, transparent);
  }
}
:root[data-tema="koyu"] {
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--f-black) 30%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, var(--f-black) 35%, transparent);
  --shadow-lg: 0 18px 44px -12px color-mix(in srgb, var(--f-black) 60%, transparent), 0 4px 12px color-mix(in srgb, var(--f-black) 30%, transparent);
  --shadow-balon: 0 1px .5px color-mix(in srgb, var(--f-black) 30%, transparent);
  --shadow-ic: inset 0 1px 0 color-mix(in srgb, var(--f-white) 4%, transparent);
}