/*
Theme Name: Blocksy Child
Template: blocksy
*/
:root {
  --color-primary:   #F4C300;
  --color-secondary: #0F0F0E;
  --color-accent:    #F4C300;
  --color-bg:        #EAE8E3;
  --color-text:      #0F0F0E;
  --color-muted:     #46443F;
  --color-border:    #CFCCC4;
  --color-surface:   #F6F5F2;
  --color-hover:     #0F0F0E;

  --plate:        #F4C300;
  --plate-hover:  #FFD83A;
  --bg:           #EAE8E3;
  --surface:      #F6F5F2;
  --line:         #CFCCC4;
  --ink:          #0F0F0E;
  --ink-soft:     #46443F;
  --night:        #0F0F0E;
  --night-2:#1B1B19;
  --on-night:     #EAE8E3;
  --on-night-soft:#B9B6AE;

  --ok:   #2F6B3F;
  --warn: #8A5F00;
  --bad:  #9B2C20;

  --radius: 10px;
  --wrap:      720px;
  --wrap-wide: 1240px;

  --font-heading: "Bowlby One", "Arial Black", Impact, sans-serif;
  --font-body:    "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;

  --ease: cubic-bezier(.2,.7,.2,1);
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}