:root {
  /* OSInet brand colors */
  --osinet-bg: #ff6633; /* Logo, Required marker */
  --osinet-fg: #F59133; /* Heading color, Go/FOF border-bottom */
  --osinet-fg-hover: #ff6633; /*  gold */
  /**/
  --bg: white; /* The general background for maximum contrast */
  --dark-bg: #28156f; /* Tag/Go/FOF background, mission-1 foreground */
  --dark-text: #333; /* Base text color on white background */
  --medium: #6B6B6B; /* (Sidebar heading|Book nav) thick border-left, card shadow */
  --medium-bg: #F4F3F8; /* Header and Footer background */
  --light-bg: #FBFAFC; /* Card background */
  --box: #28156f; /* Card border */
  --active: #80c0c0; /* Active menu item underlining (#add0cf ? #9fc8c7 in WOF7) */
  /**/

  /* Box shadows
  * Level 1 is used for cards box shadows, and the level is for the images.
  * Bow shadows created with material design rules and https://htmlcssfreebies.com/material-design-box-shadows/.
  */
  --level-1 : 0 1px 3px rgba(40,21,111,0.12), 0 1px 2px rgba(40,21,111,0.24);
  --level-2 : 0 3px 6px rgba(40,21,111,0.16), 0 3px 6px rgba(40,21,111,0.23);
  /* Typography */
  --osinet-font-copy: Lato, Arial, sans-serif;
  --osinet-font-headings: "Mona Sans", Helvetica, "Helvetica Neue", sans-serif;
  --osinet-font-code: Consolas, Monaco, "Courier New", Courier, "Source Code Pro", "Fira Code", monospace;
  /**/
  --max-width: 1040px; /* Was 960px in D7 */
  /*
  Documentation only.

  Image formats:
  - 100 x 100 (minisquare)
    - news thumbnails on /nouvelles
    - portrait thumbnails on /a-propos, /nouvelles
  - 100 x auto (thumbnail):
    - news thumbnails on /blog
  - 30% x auto
    - project screenshots on /domaine/<domain> and /projet/<project>
  - max:100 x auto (portfolio)
    - project screenshots on /
   */
  /**/
  /* -------- Go section -------- */
  /* Official Go brand values, taken from :
  https://storage.googleapis.com/golang-assets/Go-brand-book-v1.9.5.pdf

  Gradients: Aqua -> Gopher blue
  Voice:
  - Yes: concise, genuine, friendly, direct, thoughtful, humble
  - No: verbose, dubious, exclusive, ambiguous, reactive, haughty
  */
  /* Primary colors */
  --go-aqua: #00a29c; /* Main color, Gradient edge, Voice: positive, main */
  --go-gopher-blue: #00add8; /* Gradient edge, Gopher body */
  --go-light-blue: #5dc9e2; /* "Go" logos */
  --go-black: #000; /* "Go" logos */
  /**/
  /* Secondary colors */
  --go-fuchsia: #ce3262; /* "Go" logos, Voice: negative, contrasts */
  --go-yellow: #fdd00; /* "Go" logos */
  /**/
  /* Other colors */
  --go-aqua-dark: #00758d;
  --go-gray-slate: #555759;
  --go-purple: #302b56;
  --go-gray-light: #dbd9d6;
  /**/
  /* Used for
  - headings and subheadings: Semibold, medium, regular, light
  - emphasized or prominent body copy: Bold, ExtraBold, Black
  - callouts and large-scale copy: Extralight and Thin require size > 36pt
  */
  --go-font-headings: 'Work Sans';
  /*
  - Body copy. Ensures longform and small copy is easy to read.
  - Light requires size > 14pt
  */
  --go-font-copy: Roboto;
  /*
  Preferably use Go font only for Go code.
   */
  --go-font-code: Go, 'Source Code Pro';
}