/* Golden-master samples; semantic states derive from the sampled blue/navy. */
:root {
  --pw-stage-gutter: 16px;
  --pw-stage-gap: 16px;
  color-scheme: light;
  --pw-canvas: #f7fbfe;
  --pw-surface: #fefefe;
  --pw-surface-soft: #f2f8fe;
  --pw-visual-blue: #c2e2fb;
  --pw-visual-blue-strong: #abd8fc;
  --pw-primary: #0c8dfe;
  --pw-primary-hover: #0781eb;
  --pw-primary-pressed: #076fcd;
  --pw-primary-text: #076fbd;
  --pw-primary-soft: #e7f4ff;
  --pw-ink: #263961;
  --pw-ink-strong: #102355;
  --pw-ink-muted: #646c88;
  --pw-divider: rgba(135, 194, 246, 0.45);
  --pw-border: rgba(176, 217, 249, 0.25);
  --pw-shadow: 0 2px 8px rgba(64, 160, 220, 0.08);
  --pw-shadow-large: 0 8px 26px rgba(64, 160, 220, 0.13);
  --pw-shadow-focus: 0 0 0 3px rgba(12, 141, 254, 0.24);
  --pw-shadow-nav: 0 -4px 15px rgba(87, 182, 237, 0.05);
  --pw-shadow-cta: 0 6px 11px rgba(14, 155, 249, 0.29);
  --pw-shadow-cta-hover: 0 7px 14px rgba(14, 155, 249, 0.33);
  --pw-shadow-cta-pressed: 0 3px 8px rgba(14, 155, 249, 0.22);
  --pw-radius-app: 0px;
  --pw-radius-card: 15px;
  --pw-radius-visual: 12px;
  --pw-radius-control: 12px;
  --pw-radius-button: 999px;
  --pw-radius-sheet: 24px;
  --pw-radius-card-compact: 15px;
  --pw-radius-visual-compact: 12px;
  --pw-motion-fast: 160ms;
  --pw-motion-normal: 200ms;
  --pw-motion-easing: ease;
  --pw-space-0: 0;
  --pw-space-1: 0.25rem;
  --pw-space-2: 0.5rem;
  --pw-space-3: 0.75rem;
  --pw-space-4: 1rem;
  --pw-space-5: 1.25rem;
  --pw-space-6: 1.5rem;
  --pw-space-7: 1.75rem;
  --pw-space-8: 2rem;
  --pw-space-10: 2.5rem;
  --pw-space-12: 3rem;
  --pw-space-16: 4rem;
  --pw-font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --pw-weight-regular: 400;
  --pw-weight-medium: 500;
  --pw-weight-semibold: 650;
  --pw-weight-bold: 750;
  --pw-weight-heavy: 850;
  --pw-type-display: var(--pw-weight-heavy) 2.5rem/1.06 var(--pw-font-family);
  --pw-type-h1: var(--pw-weight-heavy) 1.875rem/1.1 var(--pw-font-family);
  --pw-type-h2: var(--pw-weight-bold) 1.375rem/1.16 var(--pw-font-family);
  --pw-type-h3: var(--pw-weight-bold) 1.125rem/1.18 var(--pw-font-family);
  --pw-type-body: var(--pw-weight-regular) 1rem/1.48 var(--pw-font-family);
  --pw-type-body-small: var(--pw-weight-regular) 0.875rem/1.35 var(--pw-font-family);
  --pw-type-caption: var(--pw-weight-medium) 0.75rem/1.3 var(--pw-font-family);
  --pw-type-number-large: var(--pw-weight-heavy) clamp(2rem, 10vw, 3rem)/1.05 var(--pw-font-family);
  --pw-type-number-medium: var(--pw-weight-bold) 1.5rem/1.15 var(--pw-font-family);
  --pw-type-button: var(--pw-weight-bold) 0.9375rem/1 var(--pw-font-family);
  --pw-border-width: 1px;
  --pw-focus-width: 2px;
  --pw-focus-offset: 2px;
  --pw-touch-target: 3rem;
  --pw-icon-size: 1.5rem;
  --pw-color-background: var(--pw-canvas);
  --pw-color-surface: var(--pw-surface);
  --pw-color-surface-subtle: var(--pw-surface-soft);
  --pw-color-surface-blue: var(--pw-visual-blue);
  --pw-color-primary: var(--pw-primary);
  --pw-color-primary-hover: var(--pw-primary-hover);
  --pw-color-primary-pressed: var(--pw-primary-pressed);
  --pw-color-primary-soft: var(--pw-primary-soft);
  --pw-color-on-primary: #fff;
  --pw-color-text-primary: var(--pw-ink-strong);
  --pw-color-text-secondary: var(--pw-ink-muted);
  --pw-color-text-tertiary: var(--pw-ink-muted);
  --pw-color-border: var(--pw-border);
  --pw-color-divider: var(--pw-divider);
  --pw-color-focus: var(--pw-primary);
  --pw-color-success: #18783c;
  --pw-color-success-soft: #daf8e3;
  --pw-color-backdrop: rgba(16, 35, 85, 0.28);
  --pw-color-warning: #936900;
  --pw-color-danger: #b63259;
  --pw-color-finance-positive: #18783c;
  --pw-color-finance-negative: #b63259;
  --pw-button-background: var(--pw-primary-pressed);
  --pw-button-foreground: #fff;
  --pw-button-hover: var(--pw-primary-text);
  --pw-button-pressed: #075daf;
  --pw-button-disabled-background: #e9eef7;
  --pw-button-disabled-foreground: #69738b;
  --pw-surface-background: var(--pw-surface);
  --pw-surface-border: transparent;
  --pw-surface-radius: var(--pw-radius-card);
  --pw-surface-padding: var(--pw-space-6);
  --pw-shell-max-width: 520px;
  --pw-shell-background: var(--pw-surface);
  --pw-shell-gutter: var(--pw-space-5);
  --pw-header-height: 3.625rem;
  --pw-header-background: var(--pw-surface);
  --pw-nav-height: 4.75rem;
  --pw-nav-background: var(--pw-surface);
  --pw-nav-active: var(--pw-primary);
  --pw-nav-inactive: #a8aebe;
  --pw-hero-blue-1: #44b6fd;
  --pw-hero-blue-2: #5fbffd;
  --pw-hero-blue-3: #22a7fd;
  --pw-hero-blue-4: #7bcbfc;
  --pw-accent-green: #50d86c;
  --pw-accent-pink: #fc648c;
  --pw-accent-yellow: #fcc844;
  --pw-accent-green-soft: #daf8e3;
  --pw-accent-pink-soft: #fce9ef;
  --pw-accent-yellow-soft: #fdf6da;
  --pw-chart-blue: #1897fe;
  --pw-chart-pink: #feafb4;
  --pw-chart-yellow: #fee16e;
  --pw-chart-green: #97e497;
  --pw-chart-purple: #b9a0fb;
  --pw-chart-gray: #cdd2dc;
  /* Shared semantic names used by the reconstructed dashboard. */
  --pw-background: var(--pw-canvas);
  --pw-primary-bright: #1897fe;
  --pw-primary-cyan: #48cffd;
  --pw-primary-light: #c2e2fb;
  --pw-navy: var(--pw-ink-strong);
  --pw-text-primary: var(--pw-ink-strong);
  --pw-text-secondary: var(--pw-ink-muted);
  --pw-text-muted: var(--pw-nav-inactive);
  --pw-green: var(--pw-accent-green);
  --pw-green-soft: var(--pw-accent-green-soft);
  --pw-pink: var(--pw-accent-pink);
  --pw-pink-soft: var(--pw-accent-pink-soft);
  --pw-yellow: var(--pw-accent-yellow);
  --pw-yellow-soft: var(--pw-accent-yellow-soft);
  --pw-purple: var(--pw-chart-purple);
  --pw-notification-dot: #ff6268;
  --pw-add-gradient: linear-gradient(135deg, #40baff 0%, #129cf9 100%);
  --pw-safe-top: env(safe-area-inset-top, 0px);
  --pw-safe-right: env(safe-area-inset-right, 0px);
  --pw-safe-bottom: env(safe-area-inset-bottom, 0px);
  --pw-safe-left: env(safe-area-inset-left, 0px);
}

@media (max-height: 667px) { :root { --pw-stage-gutter: 12px; --pw-stage-gap: 12px; } }