/* Fuller Design Tokens  :root variables (color palette, fonts, spacing) */

:root {
  --black:      #000000;
  --midnight:   #101820;
  --slate:      #4C5258;
  --navy:       #01263C;
  --denim:      #005776;
  --ocean:      #007FA3;
  --sky:        #00AEC7;
  --dark-teal:  #072B31;
  --green:      #006D68;
  --mint:       #40C1AC;
  --red:        #D14124;
  --orange:     #FF8F1C;
  --golden:     #FFC845;
  --cream:      #D6D2C4;
  --ivory:      #F2F0EC;
  --soft-white: #FBFAF9;
  --soft-grey:  #C1C3C5;
  --white:      #FFFFFF;



  /* Noto Sans */
  --font-sans: "Noto Sans",
               "Helvetica Neue", Helvetica, Arial,
               -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
               sans-serif;

  /* Noto Serif */
  --font-serif: "Noto Serif",
                Georgia, Cambria, "Times New Roman", Times, serif;

  /* Noto Mono */
  --font-mono: "Noto Mono", "Noto Sans Mono", ui-monospace, SFMono-Regular,
               Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono",
               "Courier New", monospace;

  --heading-color: var(--midnight; #101820)
  --text-color: var(--midnight; #101820)
  --link-color: var(--ocean; #007FA3)
  --hover-color: var(--sky; #00AEC7)

  /* Base sizing (1rem = 16px) */
  --radius: 0px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.03);
  --shadow-2: 0 10px 16px rgba(0,0,0,.10);

  /* Layout */
  --container: 1400px;
  --gutter: 1rem;
}