/*
Theme Name: Masks
Theme URI: https://crias.verbocom.net
Author: Equipe Masks
Author URI: https://crias.verbocom.net
Description: Tema base para o portal do RPG Masks: New Generation.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: masks
*/

:root {
  --masks-bg: #f4f5f7;
  --masks-bg-image: url('assets/images/bgAzul.jpg');
  --masks-surface: transparent;
  --masks-text: #dbe7f6;
  --masks-accent: #0d6efd;
  --masks-border: rgba(219, 231, 246, 0.28);
  --masks-font-body: 'Work Sans', sans-serif;
}

body {
  background-color: var(--masks-bg);
  background-image: var(--masks-bg-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  color: var(--masks-text);
  font-family: var(--masks-font-body);
}

button,
input,
select,
textarea {
  font-family: var(--masks-font-body);
}

.site-shell {
  min-height: 100vh;
}

.site-content {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.masks-card {
  background: var(--masks-surface);
  border: 1px solid var(--masks-border);
  border-radius: 0.75rem;
  color: var(--masks-text);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.masks-card h1,
.masks-card h2,
.masks-card h3,
.masks-card h4,
.masks-card h5,
.masks-card h6,
.masks-card p,
.masks-card li,
.masks-card label,
.masks-card .text-muted,
.masks-card small {
  color: #dbe7f6 !important;
}

.masks-card a {
  color: #bfdbfe;
}

.masks-card a:hover,
.masks-card a:focus {
  color: #eff6ff;
}

.masks-subtitle {
  color: #cfe2ff;
  font-size: 1rem;
  font-weight: 500;
  font-family: var(--masks-font-body);
}