:root {
  /* Ink e neutros */
  --mp-ink:        #161616;
  --mp-ink-soft:   #3a3a3a;
  --mp-ink-muted:  #6f7270;
  --mp-paper:      #ffffff;
  --mp-paper-warm: #fbf7f1;

  /* Cores institucionais Martin Peeps */
  --mp-teal:       #437679;
  --mp-blue:       #8abfda;
  --mp-blue-bright:#7dcef1;
  --mp-mint:       #b0d0b9;

  /* Washes (fundos suaves dos thumbnails/badges) */
  --mp-wash-mint:     #d0e7d8;
  --mp-wash-blue:     #bae2f7;
  --mp-wash-butter:   #fff9c7;
  --mp-wash-cream:    #ffeaca;
  --mp-wash-peach:    #fdd8b3;
  --mp-wash-lavender: #e3dcef;

  /* Semanticas */
  --mp-success: #5f9a73;
  --mp-error:   #c2614f;

  /* Linhas / bordas */
  --mp-line:        rgba(22, 22, 22, 0.12);
  --mp-line-strong: rgba(22, 22, 22, 0.24);

  /* Aliases de foreground */
  --fg-1: var(--mp-ink);
  --fg-2: var(--mp-ink-soft);
  --fg-3: var(--mp-ink-muted);

  /* Tipografia */
  --font-body:    'Jost', 'Century Gothic', 'Futura', system-ui, sans-serif;
  --font-display: 'Jost', 'Century Gothic', 'Futura', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;

  /* Sombras */
  --shadow-sm:    0 2px 8px rgba(22, 22, 22, 0.06);
  --shadow-md:    0 8px 24px rgba(22, 22, 22, 0.08);
  --shadow-focus: 0 0 0 3px rgba(138, 191, 218, 0.55);

  /* Motion */
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
}