/* Mister John Files – Inbox · design tokens (derived from the logo) */
:root {
  /* Surfaces – warm black */
  --mj-bg:          #0E0C0A;
  --mj-bg-deep:     #0A0807;  /* recording screen */
  --mj-surface:     #1C1814;  /* cards, sheet */
  --mj-surface-2:   #27211B;  /* chips, link preview */
  --mj-surface-3:   #342C24;  /* thumbnails, active segments */
  --mj-chip-idle:   #221D18;
  --mj-glass:       rgba(24, 20, 16, 0.72); /* + backdrop-filter: blur(24px) saturate(180%) */

  /* Text – cream */
  --mj-text:        #F6ECD6;
  --mj-text-2:      #E9DEC6;  /* body text in cards */
  --mj-text-3:      #B8AB93;  /* secondary */
  --mj-text-4:      #A3967F;  /* meta, timestamps */
  --mj-text-5:      #8F8370;  /* placeholder, ring labels */
  --mj-label:       #9C8F78;  /* section labels (uppercase) */

  /* Accents */
  --mj-accent:      #EE6F63;  /* flamingo coral: memo, mic, primary action */
  --mj-accent-hover:#F59088;
  --mj-on-accent:   #2A0D0A;  /* text/icon on coral */
  --mj-gold:        #E9B949;  /* video, queue/offline */
  --mj-paper:       #F3E6C8;  /* note, link */

  /* Typo */
  --mj-font-ui:     system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
  --mj-font-diary:  "Instrument Serif", "Iowan Old Style", Georgia, serif; /* date, timer, note text */

  /* Radii */
  --mj-r-card: 22px; --mj-r-sheet: 28px; --mj-r-chip: 18px; --mj-r-thumb: 14px;
}

@media (prefers-reduced-transparency: reduce) {
  :root { --mj-glass: var(--mj-surface); }
}