/* Design Tokens SSOT — Tunas Bangsa Workspace
   Sesuai docs/ui-guidelines.md §2 */

:root {
  /* Palette Utama */
  --tm-bg: #F8FAFC;
  --tm-surface: #FFFFFF;
  --tm-surface-muted: #F1F5F9;
  --tm-ink: #181D26;
  --tm-ink-soft: #475569;
  --tm-ink-muted: #64748B;
  --tm-border: #E2E8F0;
  --tm-border-strong: #CBD5E1;

  /* Aksen Usulan (Deep Teal) */
  --tm-brand: #0F766E;
  --tm-brand-hover: #115E59;
  --tm-brand-soft: #F0FDFA;

  /* Focus Ring */
  --tm-focus: #2563EB;

  /* Status Semantik */
  --tm-info: #1D4ED8;
  --tm-info-bg: #EFF6FF;
  --tm-info-border: #BFDBFE;

  --tm-success: #166534;
  --tm-success-bg: #F0FDF4;
  --tm-success-border: #BBF7D0;

  --tm-warning: #92400E;
  --tm-warning-bg: #FFFBEB;
  --tm-warning-border: #FDE68A;

  --tm-danger: #B42318;
  --tm-danger-bg: #FEF2F2;
  --tm-danger-border: #FECACA;

  --tm-neutral-tag: #F1F5F9;
  --tm-neutral-tag-border: #E2E8F0;

  /* Tema Khusus Reader */
  --tm-reader-sepia-bg: #F8F3E7;
  --tm-reader-sepia-ink: #382C1E;
  --tm-reader-dark-bg: #181E24;
  --tm-reader-dark-ink: #E2E8F0;

  /* Radii */
  --tm-radius-badge: 6px;
  --tm-radius-control: 8px;
  --tm-radius-card: 12px;
  --tm-radius-modal: 16px;

  /* Typography Fallbacks */
  --tm-font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tm-font-serif: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P0A3, Georgia, Cambria, "Times New Roman", Times, serif;
  --tm-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Shadow Terkendali (Subtle Hairline Shadow) */
  --tm-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --tm-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --tm-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.03);
}