@import url('/fonts/wanted-sans/WantedSansVariable.css');

/* Web application only. Never attach this boundary to a browser source. */
[data-lvs-web] {
  --web-font-heading: 'Wanted Sans Variable', 'Pretendard Variable', sans-serif;
  --web-yellow-surface: #ffd84d;
  --web-on-yellow: #2a2100;
  --web-radius-large: 28px;
  --web-font: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
  --web-text-xs: .8125rem;
  --web-text-sm: .875rem;
  --web-text-md: 1rem;
  --web-text-lg: 1.125rem;
  --web-text-title: clamp(1.75rem, 3.2vw, 2.75rem);
  --web-weight-normal: 400;
  --web-weight-medium: 500;
  --web-weight-strong: 650;
  --web-space-1: .25rem;
  --web-space-2: .5rem;
  --web-space-3: .75rem;
  --web-space-4: 1rem;
  --web-space-5: 1.5rem;
  --web-space-6: 2rem;
  --web-space-7: 3rem;
  --web-radius-control: 12px;
  --web-radius-card: 16px;
  --web-radius-pill: 999px;
  --web-focus-width: 3px;
  --web-focus-offset: 3px;
}

[data-lvs-web] {
  color-scheme: light;
  --web-bg: #f7f7f8;
  --web-surface: #ffffff;
  --web-subtle: #efeff1;
  --web-text: #111113;
  --web-muted: #55555c;
  --web-faint: #8b8b92;
  --web-border: #e2e2e6;
  --web-control-border: #8b8b92;
  --web-accent: #ff6b3d;
  --web-accent-text: #b53c18;
  --web-action: #ff6b3d;
  --web-on-action: #1f0a02;
  --web-focus: #b53c18;
  --web-success: #17653e;
  --web-warning: #805300;
  --web-danger: #ab2943;
  --web-shadow-card: none;
  --web-shadow-popover: 0 12px 40px rgb(0 0 0 / .12);
}

[data-lvs-web][data-web-theme='dark'],
[data-lvs-web]:has([data-public-site]),
[data-lvs-web] [data-public-site][data-web-theme='dark'] {
  color-scheme: dark;
  --web-bg: #0b0b0c;
  --web-surface: #141416;
  --web-subtle: #1c1c1f;
  --web-text: #f6f6f4;
  --web-muted: #a8a8ad;
  --web-faint: #6e6e74;
  --web-border: #2a2a2e;
  --web-control-border: #6e6e74;
  --web-accent: #ff6b3d;
  --web-accent-text: #ff6b3d;
  --web-action: #ff6b3d;
  --web-on-action: #1f0a02;
  --web-focus: #ff6b3d;
  --web-success: #87dbb1;
  --web-warning: #edc77d;
  --web-danger: #ffadb9;
  --web-shadow-card: none;
  --web-shadow-popover: 0 12px 40px rgb(0 0 0 / .3);
}

@media (prefers-color-scheme: dark) {
  [data-lvs-web][data-web-theme='system'] {
    color-scheme: dark;
    --web-bg: #0b0b0c;
    --web-surface: #141416;
    --web-subtle: #1c1c1f;
    --web-text: #f6f6f4;
    --web-muted: #a8a8ad;
  --web-faint: #6e6e74;
    --web-border: #2a2a2e;
    --web-control-border: #6e6e74;
    --web-accent: #ff6b3d;
    --web-accent-text: #ff6b3d;
    --web-action: #ff6b3d;
    --web-on-action: #1f0a02;
    --web-focus: #ff6b3d;
    --web-success: #87dbb1;
    --web-warning: #edc77d;
    --web-danger: #ffadb9;
    --web-shadow-card: none;
    --web-shadow-popover: 0 12px 40px rgb(0 0 0 / .3);
  }
}