/* 사본 — 원본 ~/apps/bizdsg/design/build/tokens.css (bizdsg 토큰 v0.2.2, 생성 2026-09-12). 2026-10-15 복사. 손대지 말고 원본 갱신 시 다시 복사. */
/* 생성물 — 손으로 고치지 말 것. 정본 = design/tokens/tokens.json
 * bizdsg 토큰 v0.2.2 (2026-09-12) · python3 design/tokens/build.py
 * 앱 선택 = <html data-app="pawlog">, 테마 = data-theme="dark" 또는 OS 설정. */

:root {
  --color-bg-canvas: #FCFBF8;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #F5F3EE;
  --color-bg-inverse: #1A1815;
  --color-bg-photo: #E4DED3;
  --color-bg-photoAlt: #E9E3D8;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #1A1815;
  --color-text-soft: #5A5349;
  --color-text-muted: #736D64;
  --color-text-onInverse: #FFFFFF;
  --color-text-onAccent: #FFFFFF;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #E8E4DB;
  --color-line-chip: #E3DED4;
  --color-line-soft: #F1EFE9;
  --color-accent-primary: #1A1815;
  --color-accent-primaryText: #1A1815;
  --color-accent-onPrimary: #FFFFFF;
  --color-accent-medical: #B4674A;
  --color-accent-medicalText: #9E5539;
  --color-accent-medicalTint: #F3E9E4;
  --color-accent-highlight: #E8C87E;
  --color-overlay-clear: rgba(20,17,14,0);
  --color-overlay-scrimSoft: rgba(20,17,14,0.5);
  --color-overlay-scrimStrong: rgba(20,17,14,0.72);
  --color-overlay-dim: rgba(20,17,14,0.55);
  --color-overlay-glass: rgba(255,255,255,0.2);
  --color-overlay-glassDark: rgba(20,17,14,0.45);
  --color-overlay-viewerBg: #141210;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #8A5A0C;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #F8ECDB;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #B23A31;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #F6E3DF;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #A8A196;
  --color-decorative-grabber: #D6D1C6;
  --color-decorative-dot: #E8E4DB;
  --space-0: 0;
  --space-1: 4;
  --space-2: 8;
  --space-3: 12;
  --space-4: 16;
  --space-5: 20;
  --space-6: 24;
  --space-7: 32;
  --space-8: 40;
  --space-9: 48;
  --space-10: 64;
  --radius-xs: 8;
  --radius-sm: 12;
  --radius-card: 16;
  --radius-chip: 18;
  --radius-lg: 20;
  --radius-hero: 22;
  --radius-button: 24;
  --radius-pill: 999;
  --shadow-sm: 0 1px 2px rgba(26,24,21,0.05);
  --shadow-card: 0 1px 2px rgba(26,24,21,0.05), 0 6px 18px rgba(26,24,21,0.06);
  --shadow-fab: 0 6px 16px rgba(26,24,21,0.28);
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --type-display-size: 30px;
  --type-display-weight: 800;
  --type-display-tracking: -1.2px;
  --type-display-leading: 1.15;
  --type-title-size: 28px;
  --type-title-weight: 800;
  --type-title-tracking: -1.1px;
  --type-title-leading: 1.18;
  --type-stat-size: 23px;
  --type-stat-weight: 800;
  --type-stat-tracking: -1.0px;
  --type-stat-leading: 1.1;
  --type-cardTitle-size: 17px;
  --type-cardTitle-weight: 700;
  --type-cardTitle-tracking: -0.4px;
  --type-cardTitle-leading: 1.3;
  --type-body-size: 14.5px;
  --type-body-weight: 600;
  --type-body-tracking: -0.3px;
  --type-body-leading: 1.5;
  --type-bodySm-size: 13px;
  --type-bodySm-weight: 600;
  --type-bodySm-tracking: -0.2px;
  --type-bodySm-leading: 1.5;
  --type-caption-size: 11.5px;
  --type-caption-weight: 500;
  --type-caption-tracking: -0.2px;
  --type-caption-leading: 1.4;
  --type-micro-size: 9.5px;
  --type-micro-weight: 700;
  --type-micro-tracking: 0.9px;
  --type-micro-leading: 1.2;
  --type-time-size: 12px;
  --type-time-weight: 600;
  --type-time-tracking: 0px;
  --type-time-leading: 1.2;
  --card-safe-top: 12%;
  --card-safe-bottom: 12%;
  --card-safe-side: 6.5%;
  --card-watermark-opacity: 0.6;
  --card-watermark-inset: 4.5%;
  --card-watermark-min-h: 28px;
}

[data-theme="dark"] {
  --color-bg-canvas: #141210;
  --color-bg-surface: #1F1C18;
  --color-bg-raised: #2A2620;
  --color-bg-inverse: #FCFBF8;
  --color-bg-photo: #332E27;
  --color-bg-photoAlt: #3A342C;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #F5F2EC;
  --color-text-soft: #C2BBB0;
  --color-text-muted: #A8A196;
  --color-text-onInverse: #1A1815;
  --color-text-onAccent: #1A1815;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #38332C;
  --color-line-chip: #443E36;
  --color-line-soft: #2A2620;
  --color-accent-primary: #FCFBF8;
  --color-accent-primaryText: #F5F2EC;
  --color-accent-onPrimary: #1A1815;
  --color-accent-medical: #D98A6B;
  --color-accent-medicalText: #E7A98C;
  --color-accent-medicalTint: #3A2B24;
  --color-accent-highlight: #856012;
  --color-overlay-clear: rgba(0,0,0,0);
  --color-overlay-scrimSoft: rgba(0,0,0,0.5);
  --color-overlay-scrimStrong: rgba(0,0,0,0.72);
  --color-overlay-dim: rgba(0,0,0,0.6);
  --color-overlay-glass: rgba(255,255,255,0.14);
  --color-overlay-glassDark: rgba(0,0,0,0.5);
  --color-overlay-viewerBg: #0F0D0B;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #EDB661;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #3A2E17;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #EF938B;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #33251A;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #8C857A;
  --color-decorative-grabber: #4A443C;
  --color-decorative-dot: #38332C;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg-canvas: #141210;
    --color-bg-surface: #1F1C18;
    --color-bg-raised: #2A2620;
    --color-bg-inverse: #FCFBF8;
    --color-bg-photo: #332E27;
    --color-bg-photoAlt: #3A342C;
    --color-bg-photoScrimFloor: #4A443C;
    --color-text-body: #F5F2EC;
    --color-text-soft: #C2BBB0;
    --color-text-muted: #A8A196;
    --color-text-onInverse: #1A1815;
    --color-text-onAccent: #1A1815;
    --color-text-onPhoto: #FFFFFF;
    --color-text-onPhotoSoft: rgba(255,255,255,0.72);
    --color-line-hairline: #38332C;
    --color-line-chip: #443E36;
    --color-line-soft: #2A2620;
    --color-accent-primary: #FCFBF8;
    --color-accent-primaryText: #F5F2EC;
    --color-accent-onPrimary: #1A1815;
    --color-accent-medical: #D98A6B;
    --color-accent-medicalText: #E7A98C;
    --color-accent-medicalTint: #3A2B24;
    --color-accent-highlight: #856012;
    --color-overlay-clear: rgba(0,0,0,0);
    --color-overlay-scrimSoft: rgba(0,0,0,0.5);
    --color-overlay-scrimStrong: rgba(0,0,0,0.72);
    --color-overlay-dim: rgba(0,0,0,0.6);
    --color-overlay-glass: rgba(255,255,255,0.14);
    --color-overlay-glassDark: rgba(0,0,0,0.5);
    --color-overlay-viewerBg: #0F0D0B;
    --color-status-warningFill: #E08A1E;
    --color-status-warningText: #EDB661;
    --color-status-warningSolid: #8A5A0C;
    --color-status-warningTint: #3A2E17;
    --color-status-dangerFill: #D2473C;
    --color-status-dangerText: #EF938B;
    --color-status-dangerSolid: #B23A31;
    --color-status-dangerTint: #33251A;
    --color-status-onSolid: #FFFFFF;
    --color-decorative-faint: #8C857A;
    --color-decorative-grabber: #4A443C;
    --color-decorative-dot: #38332C;
  }
}

[data-app="pawlog"] {
  --color-bg-canvas: #FCFBF8;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #F5F3EE;
  --color-bg-inverse: #1A1815;
  --color-bg-photo: #E4DED3;
  --color-bg-photoAlt: #E9E3D8;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #1A1815;
  --color-text-soft: #5A5349;
  --color-text-muted: #736D64;
  --color-text-onInverse: #FFFFFF;
  --color-text-onAccent: #FFFFFF;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #E8E4DB;
  --color-line-chip: #E3DED4;
  --color-line-soft: #F1EFE9;
  --color-accent-primary: #1A1815;
  --color-accent-primaryText: #1A1815;
  --color-accent-onPrimary: #FFFFFF;
  --color-accent-medical: #B4674A;
  --color-accent-medicalText: #9E5539;
  --color-accent-medicalTint: #F3E9E4;
  --color-accent-highlight: #E8C87E;
  --color-overlay-clear: rgba(20,17,14,0);
  --color-overlay-scrimSoft: rgba(20,17,14,0.5);
  --color-overlay-scrimStrong: rgba(20,17,14,0.72);
  --color-overlay-dim: rgba(20,17,14,0.55);
  --color-overlay-glass: rgba(255,255,255,0.2);
  --color-overlay-glassDark: rgba(20,17,14,0.45);
  --color-overlay-viewerBg: #141210;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #8A5A0C;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #F8ECDB;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #B23A31;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #F6E3DF;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #A8A196;
  --color-decorative-grabber: #D6D1C6;
  --color-decorative-dot: #E8E4DB;
  --space-0: 0;
  --space-1: 4;
  --space-2: 8;
  --space-3: 12;
  --space-4: 16;
  --space-5: 20;
  --space-6: 24;
  --space-7: 32;
  --space-8: 40;
  --space-9: 48;
  --space-10: 64;
  --radius-xs: 8;
  --radius-sm: 12;
  --radius-card: 16;
  --radius-chip: 18;
  --radius-lg: 20;
  --radius-hero: 22;
  --radius-button: 24;
  --radius-pill: 999;
  --shadow-sm: 0 1px 2px rgba(26,24,21,0.05);
  --shadow-card: 0 1px 2px rgba(26,24,21,0.05), 0 6px 18px rgba(26,24,21,0.06);
  --shadow-fab: 0 6px 16px rgba(26,24,21,0.28);
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --type-display-size: 30px;
  --type-display-weight: 800;
  --type-display-tracking: -1.2px;
  --type-display-leading: 1.15;
  --type-title-size: 28px;
  --type-title-weight: 800;
  --type-title-tracking: -1.1px;
  --type-title-leading: 1.18;
  --type-stat-size: 23px;
  --type-stat-weight: 800;
  --type-stat-tracking: -1.0px;
  --type-stat-leading: 1.1;
  --type-cardTitle-size: 17px;
  --type-cardTitle-weight: 700;
  --type-cardTitle-tracking: -0.4px;
  --type-cardTitle-leading: 1.3;
  --type-body-size: 14.5px;
  --type-body-weight: 600;
  --type-body-tracking: -0.3px;
  --type-body-leading: 1.5;
  --type-bodySm-size: 13px;
  --type-bodySm-weight: 600;
  --type-bodySm-tracking: -0.2px;
  --type-bodySm-leading: 1.5;
  --type-caption-size: 11.5px;
  --type-caption-weight: 500;
  --type-caption-tracking: -0.2px;
  --type-caption-leading: 1.4;
  --type-micro-size: 9.5px;
  --type-micro-weight: 700;
  --type-micro-tracking: 0.9px;
  --type-micro-leading: 1.2;
  --type-time-size: 12px;
  --type-time-weight: 600;
  --type-time-tracking: 0px;
  --type-time-leading: 1.2;
  --card-safe-top: 12%;
  --card-safe-bottom: 12%;
  --card-safe-side: 6.5%;
  --card-watermark-opacity: 0.6;
  --card-watermark-inset: 4.5%;
  --card-watermark-min-h: 28px;
}

[data-app="pawlog"][data-theme="dark"] {
  --color-bg-canvas: #141210;
  --color-bg-surface: #1F1C18;
  --color-bg-raised: #2A2620;
  --color-bg-inverse: #FCFBF8;
  --color-bg-photo: #332E27;
  --color-bg-photoAlt: #3A342C;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #F5F2EC;
  --color-text-soft: #C2BBB0;
  --color-text-muted: #A8A196;
  --color-text-onInverse: #1A1815;
  --color-text-onAccent: #1A1815;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #38332C;
  --color-line-chip: #443E36;
  --color-line-soft: #2A2620;
  --color-accent-primary: #FCFBF8;
  --color-accent-primaryText: #F5F2EC;
  --color-accent-onPrimary: #1A1815;
  --color-accent-medical: #D98A6B;
  --color-accent-medicalText: #E7A98C;
  --color-accent-medicalTint: #3A2B24;
  --color-accent-highlight: #856012;
  --color-overlay-clear: rgba(0,0,0,0);
  --color-overlay-scrimSoft: rgba(0,0,0,0.5);
  --color-overlay-scrimStrong: rgba(0,0,0,0.72);
  --color-overlay-dim: rgba(0,0,0,0.6);
  --color-overlay-glass: rgba(255,255,255,0.14);
  --color-overlay-glassDark: rgba(0,0,0,0.5);
  --color-overlay-viewerBg: #0F0D0B;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #EDB661;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #3A2E17;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #EF938B;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #33251A;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #8C857A;
  --color-decorative-grabber: #4A443C;
  --color-decorative-dot: #38332C;
}

@media (prefers-color-scheme: dark) {
  [data-app="pawlog"]:not([data-theme="light"]) {
    --color-bg-canvas: #141210;
    --color-bg-surface: #1F1C18;
    --color-bg-raised: #2A2620;
    --color-bg-inverse: #FCFBF8;
    --color-bg-photo: #332E27;
    --color-bg-photoAlt: #3A342C;
    --color-bg-photoScrimFloor: #4A443C;
    --color-text-body: #F5F2EC;
    --color-text-soft: #C2BBB0;
    --color-text-muted: #A8A196;
    --color-text-onInverse: #1A1815;
    --color-text-onAccent: #1A1815;
    --color-text-onPhoto: #FFFFFF;
    --color-text-onPhotoSoft: rgba(255,255,255,0.72);
    --color-line-hairline: #38332C;
    --color-line-chip: #443E36;
    --color-line-soft: #2A2620;
    --color-accent-primary: #FCFBF8;
    --color-accent-primaryText: #F5F2EC;
    --color-accent-onPrimary: #1A1815;
    --color-accent-medical: #D98A6B;
    --color-accent-medicalText: #E7A98C;
    --color-accent-medicalTint: #3A2B24;
    --color-accent-highlight: #856012;
    --color-overlay-clear: rgba(0,0,0,0);
    --color-overlay-scrimSoft: rgba(0,0,0,0.5);
    --color-overlay-scrimStrong: rgba(0,0,0,0.72);
    --color-overlay-dim: rgba(0,0,0,0.6);
    --color-overlay-glass: rgba(255,255,255,0.14);
    --color-overlay-glassDark: rgba(0,0,0,0.5);
    --color-overlay-viewerBg: #0F0D0B;
    --color-status-warningFill: #E08A1E;
    --color-status-warningText: #EDB661;
    --color-status-warningSolid: #8A5A0C;
    --color-status-warningTint: #3A2E17;
    --color-status-dangerFill: #D2473C;
    --color-status-dangerText: #EF938B;
    --color-status-dangerSolid: #B23A31;
    --color-status-dangerTint: #33251A;
    --color-status-onSolid: #FFFFFF;
    --color-decorative-faint: #8C857A;
    --color-decorative-grabber: #4A443C;
    --color-decorative-dot: #38332C;
  }
}

[data-app="osolog"] {
  --color-bg-canvas: #FCFBF8;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #F5F3EE;
  --color-bg-inverse: #1A1815;
  --color-bg-photo: #E4DED3;
  --color-bg-photoAlt: #E9E3D8;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #1A1815;
  --color-text-soft: #5A5349;
  --color-text-muted: #736D64;
  --color-text-onInverse: #FFFFFF;
  --color-text-onAccent: #FFFFFF;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #E8E4DB;
  --color-line-chip: #E3DED4;
  --color-line-soft: #F1EFE9;
  --color-accent-primary: #2E7D5B;
  --color-accent-primaryText: #256B4E;
  --color-accent-onPrimary: #FFFFFF;
  --color-accent-medical: #B4674A;
  --color-accent-medicalText: #9E5539;
  --color-accent-medicalTint: #F3E9E4;
  --color-accent-highlight: #E8C87E;
  --color-accent-secondary: #579A76;
  --color-accent-tint: #F1F8F4;
  --color-overlay-clear: rgba(20,17,14,0);
  --color-overlay-scrimSoft: rgba(20,17,14,0.5);
  --color-overlay-scrimStrong: rgba(20,17,14,0.72);
  --color-overlay-dim: rgba(20,17,14,0.55);
  --color-overlay-glass: rgba(255,255,255,0.2);
  --color-overlay-glassDark: rgba(20,17,14,0.45);
  --color-overlay-viewerBg: #141210;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #8A5A0C;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #F8ECDB;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #B23A31;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #F6E3DF;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #A8A196;
  --color-decorative-grabber: #D6D1C6;
  --color-decorative-dot: #E8E4DB;
  --color-tier-easyFill: #2E9E5B;
  --color-tier-easyText: #1F7241;
  --color-tier-easySolid: #1F7241;
  --color-tier-easyTint: #E1EFE3;
  --color-tier-moderateFill: #E08A1E;
  --color-tier-moderateText: #8A5A0C;
  --color-tier-moderateSolid: #8A5A0C;
  --color-tier-moderateTint: #F8ECDB;
  --color-tier-hardFill: #D2473C;
  --color-tier-hardText: #B23A31;
  --color-tier-hardSolid: #B23A31;
  --color-tier-hardTint: #F6E3DF;
  --color-tier-onSolid: #FFFFFF;
  --space-0: 0;
  --space-1: 4;
  --space-2: 8;
  --space-3: 12;
  --space-4: 16;
  --space-5: 20;
  --space-6: 24;
  --space-7: 32;
  --space-8: 40;
  --space-9: 48;
  --space-10: 64;
  --radius-xs: 8;
  --radius-sm: 12;
  --radius-card: 16;
  --radius-chip: 18;
  --radius-lg: 20;
  --radius-hero: 22;
  --radius-button: 24;
  --radius-pill: 999;
  --shadow-sm: 0 1px 2px rgba(26,24,21,0.05);
  --shadow-card: 0 1px 2px rgba(26,24,21,0.05), 0 6px 18px rgba(26,24,21,0.06);
  --shadow-fab: 0 6px 16px rgba(26,24,21,0.28);
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --type-display-size: 30px;
  --type-display-weight: 800;
  --type-display-tracking: -1.2px;
  --type-display-leading: 1.15;
  --type-title-size: 28px;
  --type-title-weight: 800;
  --type-title-tracking: -1.1px;
  --type-title-leading: 1.18;
  --type-stat-size: 23px;
  --type-stat-weight: 800;
  --type-stat-tracking: -1.0px;
  --type-stat-leading: 1.1;
  --type-cardTitle-size: 17px;
  --type-cardTitle-weight: 700;
  --type-cardTitle-tracking: -0.4px;
  --type-cardTitle-leading: 1.3;
  --type-body-size: 14.5px;
  --type-body-weight: 600;
  --type-body-tracking: -0.3px;
  --type-body-leading: 1.5;
  --type-bodySm-size: 13px;
  --type-bodySm-weight: 600;
  --type-bodySm-tracking: -0.2px;
  --type-bodySm-leading: 1.5;
  --type-caption-size: 11.5px;
  --type-caption-weight: 500;
  --type-caption-tracking: -0.2px;
  --type-caption-leading: 1.4;
  --type-micro-size: 9.5px;
  --type-micro-weight: 700;
  --type-micro-tracking: 0.9px;
  --type-micro-leading: 1.2;
  --type-time-size: 12px;
  --type-time-weight: 600;
  --type-time-tracking: 0px;
  --type-time-leading: 1.2;
  --card-safe-top: 12%;
  --card-safe-bottom: 12%;
  --card-safe-side: 6.5%;
  --card-watermark-opacity: 0.6;
  --card-watermark-inset: 4.5%;
  --card-watermark-min-h: 28px;
}

[data-app="osolog"][data-theme="dark"] {
  --color-bg-canvas: #141210;
  --color-bg-surface: #1F1C18;
  --color-bg-raised: #2A2620;
  --color-bg-inverse: #FCFBF8;
  --color-bg-photo: #332E27;
  --color-bg-photoAlt: #3A342C;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #F5F2EC;
  --color-text-soft: #C2BBB0;
  --color-text-muted: #A8A196;
  --color-text-onInverse: #1A1815;
  --color-text-onAccent: #1A1815;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #38332C;
  --color-line-chip: #443E36;
  --color-line-soft: #2A2620;
  --color-accent-primary: #7AB498;
  --color-accent-primaryText: #8FC5A9;
  --color-accent-onPrimary: #1A1815;
  --color-accent-medical: #D98A6B;
  --color-accent-medicalText: #E7A98C;
  --color-accent-medicalTint: #3A2B24;
  --color-accent-highlight: #856012;
  --color-accent-secondary: #5E9C7C;
  --color-accent-tint: #1E2C25;
  --color-overlay-clear: rgba(0,0,0,0);
  --color-overlay-scrimSoft: rgba(0,0,0,0.5);
  --color-overlay-scrimStrong: rgba(0,0,0,0.72);
  --color-overlay-dim: rgba(0,0,0,0.6);
  --color-overlay-glass: rgba(255,255,255,0.14);
  --color-overlay-glassDark: rgba(0,0,0,0.5);
  --color-overlay-viewerBg: #0F0D0B;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #EDB661;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #3A2E17;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #EF938B;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #33251A;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #8C857A;
  --color-decorative-grabber: #4A443C;
  --color-decorative-dot: #38332C;
  --color-tier-easyFill: #2E9E5B;
  --color-tier-easyText: #1F7241;
  --color-tier-easySolid: #1F7241;
  --color-tier-easyTint: #E1EFE3;
  --color-tier-moderateFill: #E08A1E;
  --color-tier-moderateText: #8A5A0C;
  --color-tier-moderateSolid: #8A5A0C;
  --color-tier-moderateTint: #F8ECDB;
  --color-tier-hardFill: #D2473C;
  --color-tier-hardText: #B23A31;
  --color-tier-hardSolid: #B23A31;
  --color-tier-hardTint: #F6E3DF;
  --color-tier-onSolid: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  [data-app="osolog"]:not([data-theme="light"]) {
    --color-bg-canvas: #141210;
    --color-bg-surface: #1F1C18;
    --color-bg-raised: #2A2620;
    --color-bg-inverse: #FCFBF8;
    --color-bg-photo: #332E27;
    --color-bg-photoAlt: #3A342C;
    --color-bg-photoScrimFloor: #4A443C;
    --color-text-body: #F5F2EC;
    --color-text-soft: #C2BBB0;
    --color-text-muted: #A8A196;
    --color-text-onInverse: #1A1815;
    --color-text-onAccent: #1A1815;
    --color-text-onPhoto: #FFFFFF;
    --color-text-onPhotoSoft: rgba(255,255,255,0.72);
    --color-line-hairline: #38332C;
    --color-line-chip: #443E36;
    --color-line-soft: #2A2620;
    --color-accent-primary: #7AB498;
    --color-accent-primaryText: #8FC5A9;
    --color-accent-onPrimary: #1A1815;
    --color-accent-medical: #D98A6B;
    --color-accent-medicalText: #E7A98C;
    --color-accent-medicalTint: #3A2B24;
    --color-accent-highlight: #856012;
    --color-accent-secondary: #5E9C7C;
    --color-accent-tint: #1E2C25;
    --color-overlay-clear: rgba(0,0,0,0);
    --color-overlay-scrimSoft: rgba(0,0,0,0.5);
    --color-overlay-scrimStrong: rgba(0,0,0,0.72);
    --color-overlay-dim: rgba(0,0,0,0.6);
    --color-overlay-glass: rgba(255,255,255,0.14);
    --color-overlay-glassDark: rgba(0,0,0,0.5);
    --color-overlay-viewerBg: #0F0D0B;
    --color-status-warningFill: #E08A1E;
    --color-status-warningText: #EDB661;
    --color-status-warningSolid: #8A5A0C;
    --color-status-warningTint: #3A2E17;
    --color-status-dangerFill: #D2473C;
    --color-status-dangerText: #EF938B;
    --color-status-dangerSolid: #B23A31;
    --color-status-dangerTint: #33251A;
    --color-status-onSolid: #FFFFFF;
    --color-decorative-faint: #8C857A;
    --color-decorative-grabber: #4A443C;
    --color-decorative-dot: #38332C;
    --color-tier-easyFill: #2E9E5B;
    --color-tier-easyText: #1F7241;
    --color-tier-easySolid: #1F7241;
    --color-tier-easyTint: #E1EFE3;
    --color-tier-moderateFill: #E08A1E;
    --color-tier-moderateText: #8A5A0C;
    --color-tier-moderateSolid: #8A5A0C;
    --color-tier-moderateTint: #F8ECDB;
    --color-tier-hardFill: #D2473C;
    --color-tier-hardText: #B23A31;
    --color-tier-hardSolid: #B23A31;
    --color-tier-hardTint: #F6E3DF;
    --color-tier-onSolid: #FFFFFF;
  }
}

[data-app="threads"] {
  --color-bg-canvas: #FCFBF8;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #F5F3EE;
  --color-bg-inverse: #1A1815;
  --color-bg-photo: #E4DED3;
  --color-bg-photoAlt: #E9E3D8;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #1A1815;
  --color-text-soft: #5A5349;
  --color-text-muted: #736D64;
  --color-text-onInverse: #FFFFFF;
  --color-text-onAccent: #FFFFFF;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #E8E4DB;
  --color-line-chip: #E3DED4;
  --color-line-soft: #F1EFE9;
  --color-accent-primary: #1A1815;
  --color-accent-primaryText: #1A1815;
  --color-accent-onPrimary: #FFFFFF;
  --color-accent-medical: #B4674A;
  --color-accent-medicalText: #9E5539;
  --color-accent-medicalTint: #F3E9E4;
  --color-accent-highlight: #E8C87E;
  --color-overlay-clear: rgba(20,17,14,0);
  --color-overlay-scrimSoft: rgba(20,17,14,0.5);
  --color-overlay-scrimStrong: rgba(20,17,14,0.72);
  --color-overlay-dim: rgba(20,17,14,0.55);
  --color-overlay-glass: rgba(255,255,255,0.2);
  --color-overlay-glassDark: rgba(20,17,14,0.45);
  --color-overlay-viewerBg: #141210;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #8A5A0C;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #F8ECDB;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #B23A31;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #F6E3DF;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #A8A196;
  --color-decorative-grabber: #D6D1C6;
  --color-decorative-dot: #E8E4DB;
  --space-0: 0;
  --space-1: 4;
  --space-2: 8;
  --space-3: 12;
  --space-4: 16;
  --space-5: 20;
  --space-6: 24;
  --space-7: 32;
  --space-8: 40;
  --space-9: 48;
  --space-10: 64;
  --radius-xs: 8;
  --radius-sm: 12;
  --radius-card: 16;
  --radius-chip: 18;
  --radius-lg: 20;
  --radius-hero: 22;
  --radius-button: 24;
  --radius-pill: 999;
  --shadow-sm: 0 1px 2px rgba(26,24,21,0.05);
  --shadow-card: 0 1px 2px rgba(26,24,21,0.05), 0 6px 18px rgba(26,24,21,0.06);
  --shadow-fab: 0 6px 16px rgba(26,24,21,0.28);
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --type-display-size: 30px;
  --type-display-weight: 800;
  --type-display-tracking: -1.2px;
  --type-display-leading: 1.15;
  --type-title-size: 28px;
  --type-title-weight: 800;
  --type-title-tracking: -1.1px;
  --type-title-leading: 1.18;
  --type-stat-size: 23px;
  --type-stat-weight: 800;
  --type-stat-tracking: -1.0px;
  --type-stat-leading: 1.1;
  --type-cardTitle-size: 17px;
  --type-cardTitle-weight: 700;
  --type-cardTitle-tracking: -0.4px;
  --type-cardTitle-leading: 1.3;
  --type-body-size: 14.5px;
  --type-body-weight: 600;
  --type-body-tracking: -0.3px;
  --type-body-leading: 1.5;
  --type-bodySm-size: 13px;
  --type-bodySm-weight: 600;
  --type-bodySm-tracking: -0.2px;
  --type-bodySm-leading: 1.5;
  --type-caption-size: 11.5px;
  --type-caption-weight: 500;
  --type-caption-tracking: -0.2px;
  --type-caption-leading: 1.4;
  --type-micro-size: 9.5px;
  --type-micro-weight: 700;
  --type-micro-tracking: 0.9px;
  --type-micro-leading: 1.2;
  --type-time-size: 12px;
  --type-time-weight: 600;
  --type-time-tracking: 0px;
  --type-time-leading: 1.2;
  --card-safe-top: 12%;
  --card-safe-bottom: 12%;
  --card-safe-side: 6.5%;
  --card-watermark-opacity: 0.6;
  --card-watermark-inset: 4.5%;
  --card-watermark-min-h: 28px;
}

[data-app="threads"][data-theme="dark"] {
  --color-bg-canvas: #141210;
  --color-bg-surface: #1F1C18;
  --color-bg-raised: #2A2620;
  --color-bg-inverse: #FCFBF8;
  --color-bg-photo: #332E27;
  --color-bg-photoAlt: #3A342C;
  --color-bg-photoScrimFloor: #4A443C;
  --color-text-body: #F5F2EC;
  --color-text-soft: #C2BBB0;
  --color-text-muted: #A8A196;
  --color-text-onInverse: #1A1815;
  --color-text-onAccent: #1A1815;
  --color-text-onPhoto: #FFFFFF;
  --color-text-onPhotoSoft: rgba(255,255,255,0.72);
  --color-line-hairline: #38332C;
  --color-line-chip: #443E36;
  --color-line-soft: #2A2620;
  --color-accent-primary: #FCFBF8;
  --color-accent-primaryText: #F5F2EC;
  --color-accent-onPrimary: #1A1815;
  --color-accent-medical: #D98A6B;
  --color-accent-medicalText: #E7A98C;
  --color-accent-medicalTint: #3A2B24;
  --color-accent-highlight: #856012;
  --color-overlay-clear: rgba(0,0,0,0);
  --color-overlay-scrimSoft: rgba(0,0,0,0.5);
  --color-overlay-scrimStrong: rgba(0,0,0,0.72);
  --color-overlay-dim: rgba(0,0,0,0.6);
  --color-overlay-glass: rgba(255,255,255,0.14);
  --color-overlay-glassDark: rgba(0,0,0,0.5);
  --color-overlay-viewerBg: #0F0D0B;
  --color-status-warningFill: #E08A1E;
  --color-status-warningText: #EDB661;
  --color-status-warningSolid: #8A5A0C;
  --color-status-warningTint: #3A2E17;
  --color-status-dangerFill: #D2473C;
  --color-status-dangerText: #EF938B;
  --color-status-dangerSolid: #B23A31;
  --color-status-dangerTint: #33251A;
  --color-status-onSolid: #FFFFFF;
  --color-decorative-faint: #8C857A;
  --color-decorative-grabber: #4A443C;
  --color-decorative-dot: #38332C;
}

@media (prefers-color-scheme: dark) {
  [data-app="threads"]:not([data-theme="light"]) {
    --color-bg-canvas: #141210;
    --color-bg-surface: #1F1C18;
    --color-bg-raised: #2A2620;
    --color-bg-inverse: #FCFBF8;
    --color-bg-photo: #332E27;
    --color-bg-photoAlt: #3A342C;
    --color-bg-photoScrimFloor: #4A443C;
    --color-text-body: #F5F2EC;
    --color-text-soft: #C2BBB0;
    --color-text-muted: #A8A196;
    --color-text-onInverse: #1A1815;
    --color-text-onAccent: #1A1815;
    --color-text-onPhoto: #FFFFFF;
    --color-text-onPhotoSoft: rgba(255,255,255,0.72);
    --color-line-hairline: #38332C;
    --color-line-chip: #443E36;
    --color-line-soft: #2A2620;
    --color-accent-primary: #FCFBF8;
    --color-accent-primaryText: #F5F2EC;
    --color-accent-onPrimary: #1A1815;
    --color-accent-medical: #D98A6B;
    --color-accent-medicalText: #E7A98C;
    --color-accent-medicalTint: #3A2B24;
    --color-accent-highlight: #856012;
    --color-overlay-clear: rgba(0,0,0,0);
    --color-overlay-scrimSoft: rgba(0,0,0,0.5);
    --color-overlay-scrimStrong: rgba(0,0,0,0.72);
    --color-overlay-dim: rgba(0,0,0,0.6);
    --color-overlay-glass: rgba(255,255,255,0.14);
    --color-overlay-glassDark: rgba(0,0,0,0.5);
    --color-overlay-viewerBg: #0F0D0B;
    --color-status-warningFill: #E08A1E;
    --color-status-warningText: #EDB661;
    --color-status-warningSolid: #8A5A0C;
    --color-status-warningTint: #3A2E17;
    --color-status-dangerFill: #D2473C;
    --color-status-dangerText: #EF938B;
    --color-status-dangerSolid: #B23A31;
    --color-status-dangerTint: #33251A;
    --color-status-onSolid: #FFFFFF;
    --color-decorative-faint: #8C857A;
    --color-decorative-grabber: #4A443C;
    --color-decorative-dot: #38332C;
  }
}