/* Shared design tokens. Override component variables in responsive.css as needed. */
:root {
  --gwd-color-gold-light: #f5e3a5;
  --gwd-color-gold: #ffd46a;
  --gwd-color-gold-strong: #fbb120;
  --gwd-color-surface-dark: #21130c;
  --gwd-color-text-light: #f3f3f3;
  --gwd-radius-card: 20px;
  --gwd-space-xs: 8px;
  --gwd-space-sm: 16px;
  --gwd-space-md: 24px;
  --gwd-space-lg: 30px;
}

body.home {
  --gwd-home-text-size: 28px;
  --gwd-home-title-size: 25px;
  --gwd-home-title-margin-bottom: 15px;
  --gwd-home-banner-width: 362px;
  --gwd-home-banner-height: 130px;
  --gwd-home-banner-padding: 16px 30px;
  --gwd-home-toggle-width: 265px;
}

.gwd-review-card {
  --gwd-review-padding-top: 150px;
  --gwd-review-padding-inline: 30px;
  --gwd-review-padding-bottom: 30px;
  --gwd-review-radius: var(--gwd-radius-card);
}

.gwd-character-card {
  --gwd-character-min-height: 450px;
  --gwd-character-radius: 16px 16px 0 0;
}

.gwd-onepage-nav {
  --gwd-nav-offset-right: 24px;
  --gwd-nav-width: 80px;
  --gwd-nav-padding: 20px 10px;
  --gwd-nav-radius: 60px;
}

.gwd-page-loader {
  --gwd-loader-layer: 999999;
  --gwd-loader-transition: 0.5s;
}