/* ieo / 이어 — brand theme v1.1.1. Source: tokens.json */
@font-face {
  font-family: "Noto Sans KR";
  src: url("./NotoSansKR-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --ieo-palette-night: #080808;
  --ieo-palette-charcoal: #141414;
  --ieo-palette-raised: #202020;
  --ieo-palette-line: #3B3A37;
  --ieo-palette-stone: #A4A19B;
  --ieo-palette-muted: #85827D;
  --ieo-palette-paper: #F3F0EA;
  --ieo-palette-white: #FFFFFF;
  --ieo-palette-orange: #FF6B2C;
  --ieo-palette-orange-hover: #FF8957;
  --ieo-palette-orange-ink: #A83208;
  --ieo-palette-sand: #F1D6A5;
  --ieo-palette-green: #A8CDA8;
  --ieo-palette-green-ink: #285E38;
  --ieo-palette-red: #FFAAA2;
  --ieo-palette-red-ink: #A32920;
  --ieo-palette-light-line: #CCC7BE;
  --ieo-palette-light-muted: #625F59;
  --ieo-space-2xs: 4px;
  --ieo-space-xs: 8px;
  --ieo-space-sm: 12px;
  --ieo-space-md: 16px;
  --ieo-space-lg: 24px;
  --ieo-space-xl: 32px;
  --ieo-space-2xl: 48px;
  --ieo-space-3xl: 64px;
  --ieo-space-4xl: 96px;
  --ieo-space-5xl: 128px;
  --ieo-radius-none: 0px;
  --ieo-radius-sm: 8px;
  --ieo-radius-md: 16px;
  --ieo-radius-full: 999px;
  --ieo-font: "Noto Sans KR", sans-serif;
  --ieo-motion-fast: 160ms;
  --ieo-motion-standard: 240ms;
  --ieo-motion-slow: 400ms;
  --ieo-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ieo-gradient-action: linear-gradient(90deg, var(--ieo-palette-orange-hover), var(--ieo-palette-orange));
  --ieo-gradient-campaign: linear-gradient(90deg, var(--ieo-palette-orange) 0%, var(--ieo-palette-orange-hover) 68%, var(--ieo-palette-sand) 100%);
}
[data-ieo-theme="dark"], .ieo-brand {
  color-scheme: dark;
  --ieo-bg: var(--ieo-palette-night);
  --ieo-surface: var(--ieo-palette-charcoal);
  --ieo-raised: var(--ieo-palette-raised);
  --ieo-text: var(--ieo-palette-paper);
  --ieo-text-muted: var(--ieo-palette-stone);
  --ieo-border: var(--ieo-palette-line);
  --ieo-accent: var(--ieo-palette-orange);
  --ieo-accent-hover: var(--ieo-palette-orange-hover);
  --ieo-accent-text: var(--ieo-palette-orange);
  --ieo-on-accent: var(--ieo-palette-night);
  --ieo-positive: var(--ieo-palette-green);
  --ieo-negative: var(--ieo-palette-red);
  --ieo-focus: var(--ieo-palette-sand);
  --ieo-inverse-bg: var(--ieo-palette-paper);
  --ieo-inverse-text: var(--ieo-palette-night);
}
[data-ieo-theme="light"] {
  color-scheme: light;
  --ieo-bg: var(--ieo-palette-paper);
  --ieo-surface: var(--ieo-palette-white);
  --ieo-raised: var(--ieo-palette-white);
  --ieo-text: var(--ieo-palette-night);
  --ieo-text-muted: var(--ieo-palette-light-muted);
  --ieo-border: var(--ieo-palette-light-line);
  --ieo-accent: var(--ieo-palette-orange);
  --ieo-accent-hover: var(--ieo-palette-orange-hover);
  --ieo-accent-text: var(--ieo-palette-orange-ink);
  --ieo-on-accent: var(--ieo-palette-night);
  --ieo-positive: var(--ieo-palette-green-ink);
  --ieo-negative: var(--ieo-palette-red-ink);
  --ieo-focus: var(--ieo-palette-orange-ink);
  --ieo-inverse-bg: var(--ieo-palette-night);
  --ieo-inverse-text: var(--ieo-palette-paper);
}