/*
 * Token-only mirror of index.html for shared subpages (maintained 2026-10-30).
 *
 * tokens.css and header-reference.css are already shared. The additional names
 * below keep the home page's color and semantic aliases available to subpages.
 * Defaults are available throughout the destination page; component declarations
 * retain their original scopes, aliases and copy-section font overrides.
 * No layout, element styling or animation rules are imported here.
 * In particular, the existing global --font-sans remains untouched.
 * Font registrations use existing local assets and load only when used.
 */

/* Licensed Regular Web font for the legacy family alias. */
@font-face {
  font-family: "Tiempos Headline";
  src: url("../fonts/tiempos-headline/tiempos-headline-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Chiron Sung HK Hero";
  src: url("../fonts/chiron-sung-hk/chiron-sung-hk-hero-200-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "UCity Pro";
  src: url("../fonts/ucity-pro/UCityProWeb-Regular.woff2") format("woff2"),
       url("../fonts/ucity-pro/UCityProWeb-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 95.21484375%;
  descent-override: 24.12109375%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "UCity Pro";
  src: url("../fonts/ucity-pro/UCityProWeb-SemiBold.woff2") format("woff2"),
       url("../fonts/ucity-pro/UCityProWeb-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  ascent-override: 95.21484375%;
  descent-override: 24.12109375%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "UCity Pro";
  src: url("../fonts/ucity-pro/UCityProWeb-Bold.woff2") format("woff2"),
       url("../fonts/ucity-pro/UCityProWeb-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  ascent-override: 95.21484375%;
  descent-override: 24.12109375%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.83.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+B784;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.86.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+B110;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.87.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+CF00, U+D37C, U+D5A5;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.88.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+D488;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.89.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+B8CC, U+C0C9, U+C2DD, U+C7AC, U+CC9C, U+D560;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.90.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+B9C8, U+BBF8, U+C18C, U+C544, U+C5B4, U+C5F0, U+C624, U+C77C, U+C7A5, U+C870, U+D654;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard-variable/PretendardVariable.subset.91.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  unicode-range: U+B85C, U+C2A4;
}

@font-face {
  font-family: "VFB Copy Chiron Sung HK";
  src: url("../fonts/chiron-sung-hk/chiron-sung-hk-hero-200-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "VFB Copy UCity Pro";
  src: url("../fonts/ucity-pro/UCityProWeb-Regular.woff2") format("woff2"),
       url("../fonts/ucity-pro/UCityProWeb-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "VFB Copy UCity Pro";
  src: url("../fonts/ucity-pro/UCityProWeb-SemiBold.woff2") format("woff2"),
       url("../fonts/ucity-pro/UCityProWeb-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Serim Footer Geist Variable";
  src: url("../fonts/contact-reference/geist-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* hero-reference.css */
  --font-tiempos: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --font-ucity: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --font-serif-display: var(--font-tiempos);
  --vfc-font-size-default: 14px;
  --vfc-font-size-caption: 12px;
  --vfc-font-weight-bold: 600;
  --vfc-color-font-default: #1a1e23;
  --vfc-color-font-light: #fff;
  --vfc-color-accent-accent-500: #397dff;
  --vfc-color-accent-accent-600: #2f68db;
  --vfc-color-accent-accent-700: #264eb4;
  --vfc-color-alert-alert-600: #dd4160;
  --vfc-color-black-100: #000;
  --vfc-color-neutral-light-neutrals-light-100: #e2e4e5;
  --vfc-color-neutral-light-neutrals-light-200: #d4d7d7;
  --vfc-color-neutral-light-neutrals-light-300: #c5c9ca;
  --vfc-color-neutral-light-neutrals-light-800: #7d8688;
  --vfc-color-shades-shades-200: #e8ecec;
  --vfc-color-shades-shades-300: #e2e6e6;
  --vfc-color-success-success-600: #449127;
  --vfc-card-bg: #fff;
  --vfc-card-radius: 10px;
  --vfc-field-placeholder: #787f86;
  --vfc-field-focus-ring: 0 0 0 1px #397dff;
  --vfc-shadow-button-primary-default: 0 6px 16px -8px #0f1e6114,
    0 4px 12px -6px #0f1e610f,
    0 3px 8px -4px #0f1e610f,
    0 2px 6px -3px #0f1e610a,
    0 1px 4px -2px #0f1e610a,
    0 1px 3px -1px #0f1e6105,
    0 1px 2px #0f1e6103,
    inset 0 -1px 0 1px #2f68db52,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-button-primary-hover: 0 6px 32px -12px #0f1e6129,
    0 4px 24px -12px #0f1e611f,
    0 4px 12px -4px #0f1e6114,
    0 3px 8px -3px #0f1e610f,
    0 2px 4px -2px #0f1e610a,
    0 2px 4px -1px #0f1e6105,
    0 1px 3px #0f1e6103,
    inset 0 -1px 0 1px #264eb452,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-button-primary-active: inset 0 -1px 0 #1c368e52,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-surface-z-16light: 0 20px 44px -18px #161a1e1f,
    0 16px 28px -18px #161a1e1f,
    0 12px 20px -18px #161a1e14,
    0 10px 16px -18px #161a1e14,
    0 8px 12px -18px #161a1e0a,
    0 4px 8px -18px #161a1e0a,
    0 1px 1px 0 #161a1e03,
    0 0 0 1px #161a1e0f;
  --_colors-2026---900: var(--vfc-color-font-default);
  --vf-brand: var(--vfc-color-accent-accent-500);
  --vf-display-xl--size: 4.5rem;
  --vf-display-xl--line-height: 1.06;
  --vf-display-xl--letter-spacing: -0.03em;
  --nav-spacer: 7rem;
  --v2-paper: 12px;
  --v2-r-panel: 16px;
  --card-bg: var(--vfc-card-bg);
  --card-radius: var(--vfc-card-radius);
  --vf-btn-shadow: var(--vfc-shadow-button-primary-default);
  --vf-btn-shadow-hover: var(--vfc-shadow-button-primary-hover);
  --vf-btn-shadow-active: var(--vfc-shadow-button-primary-active);

  /* explore-reference.css */
  --vfe-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfe-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfe-text-body: #6e797b;
  --vfe-text-heading: #1a1e23;
  --vfe-text-heading-soft: #1f2429;
  --vfe-text-muted: #787f86;
  --vfe-label: #515a63;
  --vfe-icon-surface: #e2e4e5;
  --vfe-divider: #d4d7d7;
  --vfe-focus-ring: 0 0 0 1px #397dff;

  /* build-reference.css */
  --vfb-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfb-font-serif: "Chiron Sung HK Hero", "Noto Serif CJK KR", "Nanum Myeongjo", serif;
  --vfb-text-body: #6e797b;
  --vfb-text-lead: #1f2429;
  --vfb-label: #515a63;
  --vfb-icon: #656d75;
  --vfb-brand: #397dff;
  --vfb-text-heading: #1a1e23;
  --vfb-focus-ring: 0 0 0 1px #397dff;
  --shadow-surface-z-1light: 0px 1px 3px 1px #161a1e03, 0px 4px 8px -6px #161a1e14, 0px 1px 5px -4px #161a1e14, 0px 0px 0px 1px #161a1e0a, 0px 1px 0px 0px #161a1e05;
  --vfb-tint: #f2f7f7;
  --vfb-overlay-white: #ffffffe6;
  --vfb-border: #e2e4e5;
  --vfb-line-accent: #d4d7d7;
  --vfb-panel-radius: 16px;
  --vfb-card-radius: 12px;
  --vfb-canvas-radius: 14px;
  --vfb-media-press-overlay: rgb(10 10 10 / 7%);

  /* Current hero CTA colors. */
  --btn-bg: #1c1c1c;
  --btn-text: #fff;

  /* Current clients and process colors. */
  --vfc-client-border: rgb(0 0 0 / 6%);
  --vfp-ink: #18181b;
  --vfp-muted: #71717a;
  --vfp-image-surface: #e3ebeb;

  /* Current shared-header surface and language colors. */
  --vfr-language-primary: hsl(0 0% 4%);
  --vfr-language-card: hsl(40 18% 95%);
  --vfr-language-bg: color-mix(in srgb, var(--vfr-language-primary) 3%, var(--vfr-language-card));
  --vfr-language-hover: color-mix(in srgb, var(--vfr-language-primary) 7%, var(--vfr-language-card));
  --vfr-mobile-control-ink: var(--vfr-surface-ink);
  --vfr-mobile-control-bg: color-mix(in srgb, #0a0a0a 3%, hsl(40 18% 97%));
  --vfr-mobile-control-hover: color-mix(in srgb, #0a0a0a 7%, hsl(40 18% 97%));
  --vfr-surface-ink: #0a0a0a;
  --vfr-surface-divider: #d5d9e2;

  /* security-reference.css */
  --vfs-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfs-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfs-white: #fff;
  --vfs-surface-dark: #1f2429;
  --vfs-border-dark: #2b3239;
  --vfs-text-muted: #9aa1a3;
  --vfs-label: #515a63;
  --vfs-duration-fast: 0.2s;
  --vfs-radius-panel: 16px;
  --vfs-radius-card: 12px;

  /* faq-reference.css */
  --vfaq-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfaq-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfaq-page: #f2f7f7;
  --vfaq-heading: #1f2429;
  --vfaq-heading-hover: #1a1e23;
  --vfaq-body: #38414a;
  --vfaq-icon: #6e797b;
  --vfaq-border: #e2e4e5;
  --vfaq-focus: #397dff;
  --vfaq-duration-fast: 0.2s;
  --vfaq-duration-medium: 0.3s;
  --vfaq-duration-instant: 0.01ms;

  /* footer-reference.css */
  --vff-paper: 12px;
  --vff-panel-radius: 16px;
  --vff-surface-dark: #1f2429;
  --vff-border-dark: #2b3239;
  --vff-text-primary: #d4d7d7;
  --vff-text-secondary: #9aa1a3;
  --vff-text-muted: #6e797b;
  --vff-text-hover: #f2f7f7;
  --vff-white: #fff;
  --vff-brand: #397dff;
  --vff-duration-fast: 0.2s;

  /* footer-light-reference.css */
  --serim-footer-surface: #fff;
  --serim-footer-foreground: #000;
  --serim-footer-surface-raised: #f2f2f2;
  --serim-footer-ring: #d14e00;
  --serim-footer-status: #bdee63;
  --serim-footer-status-pulse: #bdee6380;
  --serim-footer-duration: 200ms;
  --serim-footer-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --serim-footer-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
  --serim-footer-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* index.html #primitive-color-tokens */
  --stone-stone-1000: #ada185;
  --stone-stone-900: #b8ad94;
  --stone-stone-800: #c2b9a3;
  --stone-stone-700: #cdc5b1;
  --stone-stone-600: #d8d1c0;
  --stone-stone-500: #e3ddcf;
  --stone-stone-400: #ede8de;
  --stone-stone-300: #f3f0e9;
  --stone-stone-200: #f8f6f2;
  --stone-stone-100: #f9f8f5;
  --stone-stone-0: #fff;
  --stone-transparent-stone-20: #e3ddcf33;
  --stone-transparent-stone-30: #e3ddcf4d;
  --stone-transparent-stone-40: #e3ddcf66;
  --stone-transparent-stone-50: #e3ddcf80;
  --black-black-1000: #070503;
  --black-black-900: #120c08;
  --black-black-800: #1a1613;
  --black-black-700: #342e2b;
  --black-black-600: #37302c;
  --black-black-500: #473d37;
  --black-black-400: #564b43;
  --black-black-300: #605852;
  --black-black-200: #696563;
  --black-black-100: #766f6f;
  --black-black-0: #837f7c;
  --color-grey-100: #e5e5e5;
  --color-grey-200: #ccc;
  --color-grey-300: #b2b2b2;
  --color-grey-400: #999;
  --color-grey-500: gray;
  --color-grey-600: #666;
  --color-grey-700: #4d4d4d;
  --color-grey-800: #333;
  --color-grey-900: #1a1a1a;
}

/* Preserve local alias resolution and component-specific overrides. */

/* hero-reference.css */
.v2-hero-shell {
  --font-tiempos: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --font-ucity: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --font-serif-display: var(--font-tiempos);
  --font-sans: var(--font-ucity);
  --vfc-font-size-default: 14px;
  --vfc-font-size-caption: 12px;
  --vfc-font-weight-bold: 600;
  --vfc-color-font-default: #1a1e23;
  --vfc-color-font-light: #fff;
  --vfc-color-accent-accent-500: #397dff;
  --vfc-color-accent-accent-600: #2f68db;
  --vfc-color-accent-accent-700: #264eb4;
  --vfc-color-alert-alert-600: #dd4160;
  --vfc-color-black-100: #000;
  --vfc-color-neutral-light-neutrals-light-100: #e2e4e5;
  --vfc-color-neutral-light-neutrals-light-200: #d4d7d7;
  --vfc-color-neutral-light-neutrals-light-300: #c5c9ca;
  --vfc-color-neutral-light-neutrals-light-800: #7d8688;
  --vfc-color-shades-shades-200: #e8ecec;
  --vfc-color-shades-shades-300: #e2e6e6;
  --vfc-color-success-success-600: #449127;
  --vfc-card-bg: #fff;
  --vfc-card-radius: 10px;
  --vfc-field-placeholder: #787f86;
  --vfc-field-focus-ring: 0 0 0 1px #397dff;
  --vfc-shadow-button-primary-default: 0 6px 16px -8px #0f1e6114,
    0 4px 12px -6px #0f1e610f,
    0 3px 8px -4px #0f1e610f,
    0 2px 6px -3px #0f1e610a,
    0 1px 4px -2px #0f1e610a,
    0 1px 3px -1px #0f1e6105,
    0 1px 2px #0f1e6103,
    inset 0 -1px 0 1px #2f68db52,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-button-primary-hover: 0 6px 32px -12px #0f1e6129,
    0 4px 24px -12px #0f1e611f,
    0 4px 12px -4px #0f1e6114,
    0 3px 8px -3px #0f1e610f,
    0 2px 4px -2px #0f1e610a,
    0 2px 4px -1px #0f1e6105,
    0 1px 3px #0f1e6103,
    inset 0 -1px 0 1px #264eb452,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-button-primary-active: inset 0 -1px 0 #1c368e52,
    inset 0 1px 2px -1px #ffffff52;
  --vfc-shadow-surface-z-16light: 0 20px 44px -18px #161a1e1f,
    0 16px 28px -18px #161a1e1f,
    0 12px 20px -18px #161a1e14,
    0 10px 16px -18px #161a1e14,
    0 8px 12px -18px #161a1e0a,
    0 4px 8px -18px #161a1e0a,
    0 1px 1px 0 #161a1e03,
    0 0 0 1px #161a1e0f;
  --_colors-2026---900: var(--vfc-color-font-default);
  --vf-brand: var(--vfc-color-accent-accent-500);
  --vf-display-xl--size: 4.5rem;
  --vf-display-xl--line-height: 1.06;
  --vf-display-xl--letter-spacing: -0.03em;
  --nav-spacer: 7rem;
  --v2-paper: 12px;
  --v2-r-panel: 16px;
  --card-bg: var(--vfc-card-bg);
  --card-radius: var(--vfc-card-radius);
  --vf-btn-shadow: var(--vfc-shadow-button-primary-default);
  --vf-btn-shadow-hover: var(--vfc-shadow-button-primary-hover);
  --vf-btn-shadow-active: var(--vfc-shadow-button-primary-active);
}

/* explore-reference.css */
.vfe-explore {
  --vfe-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfe-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfe-text-body: #6e797b;
  --vfe-text-heading: #1a1e23;
  --vfe-text-heading-soft: #1f2429;
  --vfe-text-muted: #787f86;
  --vfe-label: #515a63;
  --vfe-icon-surface: #e2e4e5;
  --vfe-divider: #d4d7d7;
  --vfe-focus-ring: 0 0 0 1px #397dff;
}

/* explore-reference-copy.css */
.vfe-explore-copy {
  --vfe-font-sans: "UCity Pro", Arial, "Liberation Sans", sans-serif;
  --vfe-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfe-text-body: #6e797b;
  --vfe-text-heading: #1a1e23;
  --vfe-text-heading-soft: #1f2429;
  --vfe-text-muted: #787f86;
  --vfe-label: #515a63;
  --vfe-icon-surface: #e2e4e5;
  --vfe-focus-ring: 0 0 0 1px #397dff;
}

/* build-reference.css */
.vfb-build {
  --vfb-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfb-font-serif: "Chiron Sung HK Hero", "Noto Serif CJK KR", "Nanum Myeongjo", serif;
  --vfb-text-body: #6e797b;
  --vfb-text-lead: #1f2429;
  --vfb-label: #515a63;
  --vfb-icon: #656d75;
  --vfb-brand: #397dff;
  --vfb-text-heading: #1a1e23;
  --vf-brand: var(--vfb-brand);
  --vfb-focus-ring: 0 0 0 1px #397dff;
  --shadow-surface-z-1light: 0px 1px 3px 1px #161a1e03, 0px 4px 8px -6px #161a1e14, 0px 1px 5px -4px #161a1e14, 0px 0px 0px 1px #161a1e0a, 0px 1px 0px 0px #161a1e05;
  --vfb-tint: #f2f7f7;
  --vfb-overlay-white: #ffffffe6;
  --vfb-border: #e2e4e5;
  --vfb-line-accent: #d4d7d7;
  --vfb-panel-radius: 16px;
  --vfb-card-radius: 12px;
  --vfb-canvas-radius: 14px;
}

/* build-reference-copy.css */
.vfb-build-copy {
  --vfb-font-sans: "VFB Copy UCity Pro", Arial, "Liberation Sans", sans-serif;
  --vfb-font-serif: "VFB Copy Chiron Sung HK", "Noto Serif CJK KR", "Nanum Myeongjo", serif;
  --vfb-text-body: #6e797b;
  --vfb-text-lead: #1f2429;
  --vfb-label: #515a63;
  --vfb-icon: #656d75;
  --vfb-brand: #397dff;
  --vfb-focus-ring: 0 0 0 1px #397dff;
  --vfb-tint: #f2f7f7;
  --vfb-overlay-white: #ffffffe6;
  --vfb-border: #e2e4e5;
  --vfb-line-accent: #d4d7d7;
  --vfb-panel-radius: 16px;
  --vfb-card-radius: 12px;
  --vfb-canvas-radius: 14px;
}

/* security-reference.css */
.vfs-security-scale {
  --vfs-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfs-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfs-white: #fff;
  --vfs-surface-dark: #1f2429;
  --vfs-border-dark: #2b3239;
  --vfs-text-muted: #9aa1a3;
  --vfs-label: #515a63;
  --vfs-duration-fast: 0.2s;
  --vfs-radius-panel: 16px;
  --vfs-radius-card: 12px;
}

/* security-reference-copy.css */
.vfs-security-scale-copy {
  --vfs-font-sans: "UCity Pro", Arial, "Liberation Sans", sans-serif;
  --vfs-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfs-white: #fff;
  --vfs-surface-dark: #1f2429;
  --vfs-border-dark: #2b3239;
  --vfs-text-muted: #9aa1a3;
  --vfs-label: #515a63;
  --vfs-duration-fast: 0.2s;
  --vfs-radius-panel: 16px;
  --vfs-radius-card: 12px;
}

/* faq-reference.css */
.vfaq-faq {
  --vfaq-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", Arial, "Liberation Sans", sans-serif;
  --vfaq-font-serif: "Tiempos Headline", Georgia, "Liberation Serif", serif;
  --vfaq-page: #f2f7f7;
  --vfaq-heading: #1f2429;
  --vfaq-heading-hover: #1a1e23;
  --vfaq-body: #38414a;
  --vfaq-icon: #6e797b;
  --vfaq-border: #e2e4e5;
  --vfaq-focus: #397dff;
  --vfaq-duration-fast: 0.2s;
  --vfaq-duration-medium: 0.3s;
  --vfaq-duration-instant: 0.01ms;
}

/* footer-reference.css */
.vff-footer {
  --vff-paper: 12px;
  --vff-panel-radius: 16px;
  --vff-surface-dark: #1f2429;
  --vff-border-dark: #2b3239;
  --vff-text-primary: #d4d7d7;
  --vff-text-secondary: #9aa1a3;
  --vff-text-muted: #6e797b;
  --vff-text-hover: #f2f7f7;
  --vff-white: #fff;
  --vff-brand: #397dff;
  --vff-duration-fast: 0.2s;
}

/* footer-light-reference.css */
.serim-footer {
  --serim-footer-surface: #fff;
  --serim-footer-foreground: #000;
  --serim-footer-surface-raised: #f2f2f2;
  --serim-footer-ring: #d14e00;
  --serim-footer-status: #bdee63;
  --serim-footer-status-pulse: #bdee6380;
  --serim-footer-duration: 200ms;
  --serim-footer-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --serim-footer-font-sans: "UCity Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
  --serim-footer-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}