$font-title: 'MiTicaRegular', serif;
$font-body: 'SingleDayRegular', sans-serif;

$color-page-background: #050607;
$color-surface: #111518;
$color-surface-raised: #171b1f;
$color-surface-strong: #232323;
$color-surface-warm: #3a2a12;
$color-text: #f8f1dd;
$color-text-muted: #b9ad96;
$color-text-dim: #7d745f;
$color-gold: #d6b25e;
$color-gold-strong: #f5d67b;
$color-gold-dim: #80642f;
$color-border: #3b3326;
$color-border-strong: #72582b;
$color-danger: #b44747;
$color-success: #61d47a;
$color-warning: #d7bb52;
$color-shadow: rgba(0, 0, 0, 0.42);

$space-1: 4px;
$space-2: 8px;
$space-3: 12px;
$space-4: 16px;
$space-5: 20px;
$space-6: 24px;
$space-8: 32px;

$radius-sharp: 0;
$radius-control: 4px;
$radius-panel: 6px;

$control-height-sm: 28px;
$control-height-md: 38px;
$control-height-lg: 46px;

$z-overlay: 20;
$z-toolbar: 30;
$z-status: 40;

:root {
  --blb-font-title: #{$font-title};
  --blb-font-body: #{$font-body};
  --blb-color-page-background: #{$color-page-background};
  --blb-color-surface: #{$color-surface};
  --blb-color-surface-raised: #{$color-surface-raised};
  --blb-color-surface-strong: #{$color-surface-strong};
  --blb-color-surface-warm: #{$color-surface-warm};
  --blb-color-text: #{$color-text};
  --blb-color-text-muted: #{$color-text-muted};
  --blb-color-text-dim: #{$color-text-dim};
  --blb-color-gold: #{$color-gold};
  --blb-color-gold-strong: #{$color-gold-strong};
  --blb-color-gold-dim: #{$color-gold-dim};
  --blb-color-border: #{$color-border};
  --blb-color-border-strong: #{$color-border-strong};
  --blb-color-danger: #{$color-danger};
  --blb-color-success: #{$color-success};
  --blb-color-warning: #{$color-warning};
  --blb-shadow: #{$color-shadow};
}