/* Hi Jisoo shared tokens — landing, service pages and admin.
   Palette follows the app (native/src/lib/theme.tsx): soft lavender surfaces, deep plum ink. */
:root{
 --bg:#f8f6fc;--surface:#fff;--surface-2:#f1edf8;--surface-3:#e9e3f3;
 --line:#e3ddee;--line-strong:#cbc1dc;
 --ink:#241e31;--ink-2:#463e55;--muted:#5f576f;
 --accent:#68458e;--accent-hover:#573a78;--accent-ink:#fff;--accent-soft:#ece4f7;--accent-mark:#b9a2e6;
 --ok:#256045;--ok-bg:#e3f1e9;--warn:#7a4e00;--warn-bg:#fbefd6;--danger:#962450;--danger-bg:#fbe6ee;--info:#2f4f82;--info-bg:#e4ecf8;--neutral-bg:#ecebf0;
 --focus:#7a52b0;
 --radius:16px;--radius-sm:10px;
 --font-sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
 --font-display:"Iowan Old Style","Palatino Linotype",Georgia,serif;
 --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
 --bg:#10121b;--surface:#171926;--surface-2:#1e2030;--surface-3:#282a3c;
 --line:#2b2d3f;--line-strong:#3e3f56;
 --ink:#eeeef6;--ink-2:#d6d3e4;--muted:#b3b0c4;
 --accent:#cfb6fa;--accent-hover:#dccafc;--accent-ink:#1d1629;--accent-soft:#2b2440;--accent-mark:#9d86cf;
 --ok:#9fd9bb;--ok-bg:#16352a;--warn:#f1cf8a;--warn-bg:#3a2d12;--danger:#f3bbcd;--danger-bg:#3d1a28;--info:#b4ccf3;--info-bg:#1b2a44;--neutral-bg:#26283a;
 --focus:#cfb6fa;color-scheme:dark;
}}
:root[data-theme=dark]{
 --bg:#10121b;--surface:#171926;--surface-2:#1e2030;--surface-3:#282a3c;
 --line:#2b2d3f;--line-strong:#3e3f56;
 --ink:#eeeef6;--ink-2:#d6d3e4;--muted:#b3b0c4;
 --accent:#cfb6fa;--accent-hover:#dccafc;--accent-ink:#1d1629;--accent-soft:#2b2440;--accent-mark:#9d86cf;
 --ok:#9fd9bb;--ok-bg:#16352a;--warn:#f1cf8a;--warn-bg:#3a2d12;--danger:#f3bbcd;--danger-bg:#3d1a28;--info:#b4ccf3;--info-bg:#1b2a44;--neutral-bg:#26283a;
 --focus:#cfb6fa;color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--accent);text-underline-offset:.2em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:var(--surface);color:var(--ink);border:2px solid var(--focus);border-radius:var(--radius-sm)}
.skip:focus{top:1rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mark{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em}
.mark path{fill:currentColor}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Approved Hi Jisoo wordmark; currentColor follows light/dark themes. */
.brand .brand-logo{display:inline-block;flex:none;width:144px;height:38px;background:currentColor;-webkit-mask:url("/brand/logo-hi.png") center/contain no-repeat;mask:url("/brand/logo-hi.png") center/contain no-repeat}
