/* Super.so custom CSS shared by gillesperrault.com and echoes.paris.
   Served from https://nt.maiastra.xyz/lib/super/ and linked from the Super.so Head field.
   Docs: docs/super-so.md (notion-tools). */

/* I1. Body text in a text face; */
.notion-root :is(p, li, .notion-toggle__summary, .notion-toggle__content) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* G. Notion colours: WCAG AA in both themes */
:root.theme-light {
  --color-text-gray:   #696969;  --color-bg-gray:   #EBEBEB;  --color-bg-gray-light:   #EBEBEB;
  --color-text-brown:  #8A5C42;  --color-bg-brown:  #F2E9E3;  --color-bg-brown-light:  #F2E9E3;
  --color-text-orange: #9C590D;  --color-bg-orange: #F9ECDC;  --color-bg-orange-light: #F9ECDC;
  --color-text-yellow: #816612;  --color-bg-yellow: #F9F2DC;  --color-bg-yellow-light: #F9F2DC;
  --color-text-green:  #387538;  --color-bg-green:  #E3F2E3;  --color-bg-green-light:  #E3F2E3;
  --color-text-blue:   #2D6D9A;  --color-bg-blue:   #DFECF6;  --color-bg-blue-light:   #DFECF6;
  --color-text-purple: #8A4C9E;  --color-bg-purple: #EEE3F2;  --color-bg-purple-light: #EEE3F2;
  --color-text-pink:   #AC3975;  --color-bg-pink:   #F5E0EB;  --color-bg-pink-light:   #F5E0EB;
  --color-text-red:    #B93627;  --color-bg-red:    #F8E0DD;  --color-bg-red-light:    #F8E0DD;
}

:root.theme-dark {
  --color-text-gray:   #9C9C9C;  --color-bg-gray:   #333333;  --color-bg-gray-light:   #333333;
  --color-text-brown:  #C0957C;  --color-bg-brown:  #452E21;  --color-bg-brown-light:  #452E21;
  --color-text-orange: #ED8C1D;  --color-bg-orange: #4A351C;  --color-bg-orange-light: #4A351C;
  --color-text-yellow: #DFAF20;  --color-bg-yellow: #4A3E1C;  --color-bg-yellow-light: #4A3E1C;
  --color-text-green:  #72BB72;  --color-bg-green:  #214521;  --color-bg-green-light:  #214521;
  --color-text-blue:   #65A5D2;  --color-bg-blue:   #1C374A;  --color-bg-blue-light:   #1C374A;
  --color-text-purple: #B383C3;  --color-bg-purple: #3C2145;  --color-bg-purple-light: #3C2145;
  --color-text-pink:   #D279A7;  --color-bg-pink:   #4A1C34;  --color-bg-pink-light:   #4A1C34;
  --color-text-red:    #E0776C;  --color-bg-red:    #4A211C;  --color-bg-red-light:    #4A211C;
}