/* PSAI Design Tokens */
:root {
  /* Typography stack — calm policy research workbench */
  --font-family-base:
    "Noto Sans KR", "Geist", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", ui-sans-serif,
    system-ui, sans-serif;
  --font-family-display: var(--font-family-base);
  --font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-feature-numeric: "tnum" 1, "lnum" 1, "ss01" 1, "cv11" 1;

  /* Colors */
  --brand-primary: #1f6655;
  --brand-primary-rgb: 31, 102, 85;
  --brand-primary-strong: #174f42;
  --brand-primary-strong-hover: #123f35;
  --brand-secondary: #b66a3c;
  --accent-copper: #b66a3c;
  --accent-copper-text: #8a4f2b;
  --brand-success: #10b981;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
  --brand-info: #397367;
  --accent-support: #6b756f;
  --accent-support-rgb: 107, 117, 111;

  /* Compatibility aliases resolve to solid colors. */
  --gradient-primary: var(--brand-primary-strong);
  --gradient-primary-hover: var(--brand-primary-strong-hover);
  --gradient-success: var(--status-success);
  --gradient-surface: var(--surface-raised-solid);
  --sidebar-background-solid: #17231f;
  --gradient-sidebar: var(--sidebar-background-solid);

  /* Text Colors */
  --text-primary: #17231f;
  --text-secondary: #4b5b54;
  --text-tertiary: #5b6962;
  --text-muted: #5b6962;
  --text-on-brand: #ffffff;

  /* Background Colors */
  --bg-primary: #eef1ec;
  --bg-secondary: #ffffff;
  --bg-tertiary: #dde5df;
  --bg-card: #ffffff;
  --bg-base: #e7ece7;
  --bg-elevated: #ffffff;
  --bg-hover: #e5ece7;
  --bg-code: #e9efeb;
  --bg-card-dark: #1e293b;
  --app-background: var(--bg-primary);

  /* Surface Hierarchy */
  --surface-base: #f8faf7;
  --surface-base-solid: #f8faf7;
  --surface-base-gradient: var(--surface-base-solid);
  --surface-raised: #ffffff;
  --surface-raised-solid: #ffffff;
  --surface-raised-gradient: var(--surface-raised-solid);
  --surface-muted: #edf2ee;
  --surface-muted-solid: #edf2ee;
  --surface-muted-gradient: var(--surface-muted-solid);
  --surface-accent: #e0efe9;
  --surface-accent-solid: #e0efe9;
  --surface-accent-gradient: var(--surface-accent-solid);
  --surface-diagnostic: #f2eee9;
  --surface-diagnostic-solid: #f2eee9;
  --surface-diagnostic-gradient: var(--surface-diagnostic-solid);
  --surface-overlay: rgba(255, 255, 255, 0.76);
  --sidebar-border: #2c3a34;
  --sidebar-divider: rgba(255, 255, 255, 0.08);
  --sidebar-text: rgba(243, 244, 246, 0.86);
  --sidebar-muted: rgba(209, 213, 219, 0.66);
  --sidebar-icon: rgba(243, 244, 246, 0.82);
  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --sidebar-active: rgba(255, 255, 255, 0.12);
  --sidebar-active-text: #ffffff;
  --sidebar-focus-surface: #294139;
  --sidebar-footer-surface: #1d2924;
  --sidebar-shadow: none;

  /* Glassmorphism */
  --glass-border: rgba(255, 255, 255, 0.7);
  --glass-shadow: none;
  --backdrop-blur: 8px;

  /* Border Colors */
  --border-light: #d8e1db;
  --border-subtle: #cad6cf;
  --border-medium: #a9baaf;
  --border-strong: #6e8177;
  --border-control: #6e8177;
  --border-accent: rgba(var(--brand-primary-rgb), 0.36);
  --border-diagnostic: #c5cbd3;

  /* Spacing */
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-6: 1.5rem;
  --spacing-10: 2.5rem;

  /* Standardized Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Layout Grids */
  --grid-gap: var(--space-md);
  --container-max-width: 1280px;
  --container-max-width-wide: 1400px;
  --main-content-padding: var(--space-lg);

  /* Font Sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;

  /* Font Weights */
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Border Radius */
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 0.875rem;
  --radius-full: 9999px;
  --radius-sm: 0.25rem;

  /* Shadows */
  --shadow-sm: none;
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.12);
  --shadow-xl: 0 18px 42px rgba(15, 23, 42, 0.16);
  --shadow-glow: none;

  /* Animations */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-Index */
  /* Layer policy: toasts stay above modal dialogs so async status remains visible. */
  --z-dropdown: 100;
  --z-tooltip: 50;
  --z-sidebar: 1000;
  --z-popover: 1100;
  --z-modal: 1200;
  --z-toast: 1300;

  /* Layout */
  --sidebar-width: 210px;
  --sidebar-width-tablet: 200px;
  --sidebar-width-mobile: 100%;
  --sidebar-collapsed-width: 72px;

  /* Status Variant Colors */
  --status-success: #10b981;
  --status-success-rgb: 16, 185, 129;
  --status-success-bg: #ecfdf5;
  --status-success-border: #34d399;
  --status-success-text: #065f46;
  --status-success-hover: #059669;

  --status-warning: #f59e0b;
  --status-warning-rgb: 245, 158, 11;
  --status-warning-bg: #fffbeb;
  --status-warning-border: #fbbf24;
  --status-warning-text: #78350f;
  --status-warning-hover: #d97706;

  --status-danger: #ef4444;
  --status-danger-rgb: 239, 68, 68;
  --status-danger-bg: #fef2f2;
  --status-danger-border: #f87171;
  --status-danger-text: #7f1d1d;
  --status-danger-hover: #dc2626;

  --status-info: #4f6f73;
  --status-info-rgb: 79, 111, 115;
  --status-info-bg: #edf4f3;
  --status-info-border: #93aaa8;
  --status-info-text: #2c5558;
  --status-info-hover: #3b5e62;

  --status-pending: #706b62;
  --status-pending-rgb: 112, 107, 98;
  --status-pending-bg: #f2efe8;
  --status-pending-border: #aaa398;
  --status-pending-hover: #57524b;

  /* Command Palette */
  --command-palette-width: 600px;
  --command-palette-height: 400px;
  --command-palette-max-height: 80vh;
  --command-palette-item-height: 48px;

  /* Notification Center */
  --notification-width: 380px;
  --notification-max-height: 500px;
  --notification-toast-width: 400px;
  --notification-badge-size: 20px;

  /* Card System */
  --card-min-height: 120px;
  --card-grid-gap: 1rem;
  --card-list-height: 80px;

  /* Feature Surface Sizing */
  --feature-panel-height-lg: 37.5rem;
  --feature-panel-width-md: 20rem;
  --feature-icon-size-md: 3rem;
  --feature-icon-size-lg: 5rem;
  --feature-log-height: 9.375rem;

  /* Focus/Highlight Surfaces */
  --focus-ring-primary-soft: 0 0 0 4px rgba(var(--brand-primary-rgb), 0.1);

  /* Route Section Accents */
  --page-stack-gap: clamp(0.75rem, 1vw, 0.95rem);
  --section-accent: var(--brand-primary);
  --section-accent-rgb: var(--brand-primary-rgb);
  --section-border: rgba(var(--section-accent-rgb), 0.26);
  --section-surface-solid: #e4f0eb;
  --section-surface-gradient: var(--section-surface-solid);
  --section-rail-gradient: var(--surface-muted-solid);
  --section-pill-bg: rgba(var(--section-accent-rgb), 0.12);
  --section-pill-text: color-mix(in srgb, var(--section-accent) 72%, var(--text-primary));
  --section-soft-shadow: none;

  /* Portal Brand Colors */
  --portal-naver: #03cf5d;
  --portal-daum: #fae100;
  --portal-daum-text: #3c1e1e;
  --portal-google: #4285f4;

  /* Responsive Breakpoints */
  --breakpoint-xs: 480px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;

  /* Touch Targets */
  --touch-target-min: 44px;
  --touch-target-comfortable: 48px;

  /* UI Control Density */
  --control-height-sm: 2rem;
  --control-height-md: var(--touch-target-min);
  --control-padding-x: 0.65rem;
  --control-font-size: var(--font-size-sm);

  /* Animation Durations */
  --animation-duration-quick: 150ms;
  --animation-duration-base: 200ms;
  --animation-duration-slow: 300ms;
  --animation-duration-slower: 500ms;

  /* Performance Optimizations */
  --will-change-auto: auto;
  --will-change-transform: transform;
  --transform-gpu: translateZ(0);

  /* Focus Indicators */
  --focus-ring-width: 2px;
  --focus-ring-color: var(--brand-primary);
  --focus-ring-offset: 2px;

  /* Statistics Card System */
  --stat-card-min-height: 140px;
  --stat-card-max-width: 320px;
  --stat-card-padding: var(--spacing-6);
  --stat-card-border-radius: var(--radius-xl);
  --stat-card-shadow: var(--shadow-lg);
  --stat-card-hover-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.08);
  --stat-card-transition: var(--transition-base);

  /* Sparkline Chart */
  --sparkline-height: 40px;
  --sparkline-width: 100%;
  --sparkline-stroke-width: 2px;
  --sparkline-fill-opacity: 0.1;
  --sparkline-gradient-start: rgba(59, 130, 246, 0.3);
  --sparkline-gradient-end: rgba(59, 130, 246, 0.01);

  /* Trend Indicators */
  --trend-up-color: var(--status-success);
  --trend-down-color: var(--status-danger);
  --trend-neutral-color: var(--status-pending);
  --trend-icon-size: 16px;
  --trend-font-size: var(--font-size-sm);

  /* Value Display */
  --stat-value-font-size: var(--font-size-3xl);
  --stat-label-font-size: var(--font-size-sm);
  --stat-value-font-weight: var(--font-weight-bold);
  --stat-label-font-weight: var(--font-weight-medium);

  /* Loading Skeleton */
  --skeleton-base-color: var(--bg-tertiary);
  --skeleton-highlight-color: var(--bg-secondary);
  --skeleton-shimmer: linear-gradient(
    90deg,
    var(--skeleton-base-color) 25%,
    var(--skeleton-highlight-color) 50%,
    var(--skeleton-base-color) 75%
  );

  /* Tooltip */
  --tooltip-bg: var(--bg-card-dark);
  --tooltip-text: var(--text-on-brand);
  --tooltip-border-radius: var(--radius-md);
  --tooltip-shadow: var(--shadow-xl);
  --tooltip-padding: var(--spacing-2) var(--spacing-3);
  --tooltip-font-size: var(--font-size-xs);

  /* Semantic Colors - Extended Palette */
  --color-success-50: #ecfdf5;
  --color-success-100: #d1fae5;
  --color-success-200: #a7f3d0;
  --color-success-300: #6ee7b7;
  --color-success-400: #34d399;
  --color-success-500: #10b981;
  --color-success-600: #059669;
  --color-success-700: #047857;
  --color-success-800: #065f46;
  --color-success-900: #064e3b;

  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-200: #fde68a;
  --color-warning-300: #fcd34d;
  --color-warning-400: #fbbf24;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-warning-700: #b45309;
  --color-warning-800: #92400e;
  --color-warning-900: #78350f;

  --color-error-50: #fef2f2;
  --color-error-100: #fee2e2;
  --color-error-200: #fecaca;
  --color-error-300: #fca5a5;
  --color-error-400: #f87171;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-error-800: #991b1b;
  --color-error-900: #7f1d1d;

  --color-info-50: #ecfeff;
  --color-info-100: #cffafe;
  --color-info-200: #a5f3fc;
  --color-info-300: #67e8f9;
  --color-info-400: #22d3ee;
  --color-info-500: #06b6d4;
  --color-info-600: #0891b2;
  --color-info-700: #0e7490;
  --color-info-800: #155e75;
  --color-info-900: #164e63;

  /* Data Visualization Colors */
  --chart-1: #6366f1;
  --chart-2: #8b5cf6;
  --chart-3: #a855f7;
  --chart-4: #d946ef;
  --chart-5: #ec4899;
  --chart-6: #f43f5e;
  --chart-7: #f97316;
  --chart-8: #f59e0b;
  --chart-9: #84cc16;
  --chart-10: #22c55e;
  --chart-11: #10b981;
  --chart-12: #14b8a6;

  /* Enhanced Typography Scale - 1.25 Ratio */
  --text-xs: 0.64rem;
  /* 10.24px */
  --text-sm: 0.8rem;
  /* 12.8px */
  --text-base: 1rem;
  /* 16px */
  --text-lg: 1.25rem;
  /* 20px */
  --text-xl: 1.563rem;
  /* 25px */
  --text-2xl: 1.953rem;
  /* 31.25px */
  --text-3xl: 2.441rem;
  /* 39px */
  --text-4xl: 3.052rem;
  /* 48.8px */
  --text-5xl: 3.815rem;
  /* 61px */

  /* Font Weights - Extended */
  --weight-thin: 100;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  /* Line Heights - Extended */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --leading-loose: 2;

  /* Accessibility Focus Colors */
  --focus-visible: #1f6655;
  --focus-error: #dc2626;
  --focus-success: #059669;
  --focus-warning: #d97706;

  /* Modal Component Variables */
  --modal-z-index: var(--z-modal);
  --modal-backdrop-color: rgba(35, 33, 29, 0.72);
  --modal-backdrop-blur: 8px;
  --modal-viewport-margin: 20px;

  /* Modal Dimensions */
  --modal-width-xs: 320px;
  --modal-width-sm: 480px;
  --modal-width-md: 600px;
  --modal-width-lg: 800px;
  --modal-width-xl: 1000px;
  --modal-width-full: calc(100vw - 2rem);

  /* Modal Styling */
  --modal-bg: var(--bg-secondary);
  --modal-border: 1px solid var(--border-light);
  --modal-radius: var(--radius-2xl);
  --modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

  /* Modal Header */
  --modal-header-bg: var(--surface-raised-solid);
  --modal-header-padding: var(--spacing-6);

  /* Modal Body */
  --modal-body-padding: var(--spacing-6);

  /* Modal Footer */
  --modal-footer-padding: var(--spacing-6);

  /* Modal Animations */
  --modal-enter-duration: 300ms;
  --modal-exit-duration: 200ms;
  --modal-enter-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --modal-exit-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Theme */
[data-theme="dark"] {
  --brand-primary: #73d0b5;
  --brand-primary-rgb: 115, 208, 181;
  --brand-primary-strong: #56b89d;
  --brand-primary-strong-hover: #8addc4;
  --brand-secondary: #e2a173;
  --accent-copper: #e2a173;
  --accent-copper-text: #e2a173;
  --accent-support: #98aaa1;
  --accent-support-rgb: 152, 170, 161;

  /* Text Colors */
  --text-primary: #eef5f1;
  --text-secondary: #b8c7bf;
  --text-tertiary: #8fa198;
  --text-muted: #82948b;
  --text-on-brand: #0d211a;

  /* Background Colors */
  --bg-primary: #101714;
  --bg-secondary: #16201c;
  --bg-tertiary: #25332d;
  --bg-card: #1d2924;
  --bg-base: #0c1210;
  --bg-elevated: #24332c;
  --bg-hover: #2b3d35;
  --bg-code: #0e1512;
  --app-background: var(--bg-primary);

  /* Surface Hierarchy */
  --surface-base: #16201c;
  --surface-base-solid: #16201c;
  --surface-base-gradient: var(--surface-base-solid);
  --surface-raised: #1d2924;
  --surface-raised-solid: #1d2924;
  --surface-raised-gradient: var(--surface-raised-solid);
  --surface-muted: #24332c;
  --surface-muted-solid: #24332c;
  --surface-muted-gradient: var(--surface-muted-solid);
  --surface-accent: #203a31;
  --surface-accent-solid: #203a31;
  --surface-accent-gradient: var(--surface-accent-solid);
  --surface-diagnostic: #2d2925;
  --surface-diagnostic-solid: #2d2925;
  --surface-diagnostic-gradient: var(--surface-diagnostic-solid);
  --surface-overlay: rgba(12, 18, 16, 0.82);
  --sidebar-border: #293a33;
  --sidebar-divider: rgba(255, 255, 255, 0.07);
  --sidebar-text: rgba(229, 231, 235, 0.88);
  --sidebar-muted: rgba(203, 213, 225, 0.64);
  --sidebar-icon: rgba(229, 231, 235, 0.84);
  --sidebar-hover: rgba(255, 255, 255, 0.05);
  --sidebar-active: rgba(255, 255, 255, 0.1);
  --sidebar-active-text: #ffffff;
  --sidebar-focus-surface: #21372f;
  --sidebar-footer-surface: #1d2924;
  --sidebar-shadow: none;

  /* Solid compatibility aliases */
  --gradient-surface: var(--surface-raised-solid);
  --sidebar-background-solid: #0d1512;
  --gradient-sidebar: var(--sidebar-background-solid);

  /* Border Colors */
  --border-light: #35483f;
  --border-subtle: #2d3d36;
  --border-medium: #52685e;
  --border-strong: #82998e;
  --border-control: #82998e;
  --border-accent: rgba(var(--brand-primary-rgb), 0.42);
  --border-diagnostic: #465160;
  --glass-border: rgba(255, 255, 255, 0.08);

  /* Interactive States */
  --bg-active: #334155;

  /* Shadows */
  --shadow-sm: none;
  --shadow-md: 0 5px 16px rgba(0, 0, 0, 0.24);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.32);
  --shadow-xl: 0 20px 46px rgba(0, 0, 0, 0.4);
  --shadow-glow: none;

  /* Semantic Colors - Dark Mode */
  --color-success-50: #064e3b;
  --color-success-100: #065f46;
  --color-success-200: #047857;
  --color-success-300: #059669;
  --color-success-400: #10b981;
  --color-success-500: #34d399;
  --color-success-600: #6ee7b7;
  --color-success-700: #a7f3d0;
  --color-success-800: #d1fae5;
  --color-success-900: #ecfdf5;

  --color-warning-50: #78350f;
  --color-warning-100: #92400e;
  --color-warning-200: #b45309;
  --color-warning-300: #d97706;
  --color-warning-400: #f59e0b;
  --color-warning-500: #fbbf24;
  --color-warning-600: #fcd34d;
  --color-warning-700: #fde68a;
  --color-warning-800: #fef3c7;
  --color-warning-900: #fffbeb;

  --color-error-50: #7f1d1d;
  --color-error-100: #991b1b;
  --color-error-200: #b91c1c;
  --color-error-300: #dc2626;
  --color-error-400: #ef4444;
  --color-error-500: #f87171;
  --color-error-600: #fca5a5;
  --color-error-700: #fecaca;
  --color-error-800: #fee2e2;
  --color-error-900: #fef2f2;

  --color-info-50: #164e63;
  --color-info-100: #155e75;
  --color-info-200: #0e7490;
  --color-info-300: #0891b2;
  --color-info-400: #06b6d4;
  --color-info-500: #22d3ee;
  --color-info-600: #67e8f9;
  --color-info-700: #a5f3fc;
  --color-info-800: #cffafe;
  --color-info-900: #ecfeff;

  /* Data Visualization Colors - Dark Mode (adjusted for contrast) */
  --chart-1: #818cf8;
  --chart-2: #a78bfa;
  --chart-3: #c084fc;
  --chart-4: #e879f9;
  --chart-5: #f472b6;
  --chart-6: #fb7185;
  --chart-7: #fb923c;
  --chart-8: #fbbf24;
  --chart-9: #a3e635;
  --chart-10: #4ade80;
  --chart-11: #34d399;
  --chart-12: #2dd4bf;

  /* Accessibility Focus Colors - Dark Mode */
  --focus-visible: #73d0b5;
  --focus-error: #ef4444;
  --focus-success: #10b981;
  --focus-warning: #f59e0b;

  /* Statistics Card System - Dark Mode */
  --stat-card-shadow: none;
  --stat-card-hover-shadow: none;
  --skeleton-base-color: var(--bg-tertiary);
  --skeleton-highlight-color: var(--bg-secondary);
  --skeleton-shimmer: linear-gradient(
    90deg,
    var(--skeleton-base-color) 25%,
    var(--skeleton-highlight-color) 50%,
    var(--skeleton-base-color) 75%
  );
  --tooltip-bg: var(--bg-card-dark);
  --tooltip-text: var(--text-on-brand);

  /* Modal Component Variables - Dark Mode */
  --modal-backdrop-color: rgba(0, 0, 0, 0.85);
  --modal-bg: var(--bg-secondary);
  --modal-border: 1px solid var(--border-light);
  --modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  --modal-header-bg: var(--surface-raised-solid);

  /* Status Variant Colors - Dark Theme Override */
  --status-success: #10b981;
  --status-success-rgb: 16, 185, 129;
  --status-success-bg: rgba(6, 78, 59, 0.45);
  --status-success-border: rgba(4, 120, 87, 0.6);
  --status-success-text: #d1fae5;
  --status-success-hover: #a7f3d0;

  --status-warning: #f59e0b;
  --status-warning-rgb: 245, 158, 11;
  --status-warning-bg: rgba(120, 53, 15, 0.45);
  --status-warning-border: rgba(180, 83, 9, 0.6);
  --status-warning-text: #fef3c7;
  --status-warning-hover: #fde68a;

  --status-danger: #ef4444;
  --status-danger-rgb: 239, 68, 68;
  --status-danger-bg: rgba(127, 29, 29, 0.45);
  --status-danger-border: rgba(185, 28, 28, 0.6);
  --status-danger-text: #fee2e2;
  --status-danger-hover: #fecaca;

  --status-info: #84a9a9;
  --status-info-rgb: 132, 169, 169;
  --status-info-bg: rgba(47, 86, 88, 0.42);
  --status-info-border: rgba(98, 145, 145, 0.62);
  --status-info-text: #d2ece9;
  --status-info-hover: #b9d8d5;
}

body[data-current-section="개요"],
body[data-current-section="데이터 파이프라인"],
body[data-current-section="페르소나"],
body[data-current-section="시스템"],
body[data-current-section="운영"],
body[data-current-section="모델"],
body[data-current-section="시뮬레이션"] {
  --section-accent: var(--brand-primary);
  --section-accent-rgb: var(--brand-primary-rgb);
  --section-border: rgba(var(--brand-primary-rgb), 0.24);
  --section-surface-solid: #e4f0eb;
  --section-surface-gradient: var(--section-surface-solid);
  --section-rail-gradient: var(--surface-muted-solid);
}

[data-theme="dark"] body[data-current-section="개요"],
[data-theme="dark"] body[data-current-section="데이터 파이프라인"],
[data-theme="dark"] body[data-current-section="페르소나"],
[data-theme="dark"] body[data-current-section="시스템"],
[data-theme="dark"] body[data-current-section="운영"],
[data-theme="dark"] body[data-current-section="모델"],
[data-theme="dark"] body[data-current-section="시뮬레이션"] {
  --section-surface-solid: #1a2b24;
  --section-surface-gradient: var(--section-surface-solid);
  --section-rail-gradient: var(--surface-muted-solid);
}