/* 
  //////
    WIDGETS.CSS
  - Base styling for common widgets.
*/

:root {
  /* - Spacing default values */ 
  --spacing-tiny: 20px;
  --spacing-small: 40px;
  --spacing-medium: 80px;
  --spacing-large: 120px;
}

/* 
  Buttons
  - Main attributes of global buttons.
*/
button:hover { cursor: pointer; }

/* 
  Spacings 
  - Divs that make some space after them.  
*/
div.spacing-tiny { margin-bottom: var(--spacing-tiny) !important; }
div.spacing-small { margin-bottom: var(--spacing-small) !important; }
div.spacing-medium { margin-bottom: var(--spacing-medium) !important; }
div.spacing-large { margin-bottom: var(--spacing-large) !important; }

/*
  Titlings
  - Widgets used to add title to pages and other widgets
*/
div.titling h1 {
  font-size: 24px; 
  text-align: center;
}

div.titling h1 + p {
  color: var(--color-disabled); 
  text-align: center;
}