:root {
  /* 지정상품 스타일 변수 */

  /* 텍스트 관련 변수*/
  --text-primary: #09090b;
  --text-muted-foreground: #71717a;
  --text-foreground: #09090b;
  --text-accent-foreground: #18181b;
  --text-primary-foreground: #fafafa;
  --text-secondary-foreground: #18181b;

  /* 배경 관련 변수 */
  --bg-background: #ffffff;
  --bg-muted: #f4f4f5;
  --bg-primary: #18181b;
  --bg-blue: #2974ff;
  --bg-light-blue: #e7f1ffb8;
  --bg-primary-90: rgba(24, 24, 27, 0.9);
  --bg-secondary: #f4f4f5;
  --bg-secondary-80: rgba(244, 244, 245, 0.8);
  --bg-destructive: #ef4444;
  --bg-destructive-90: rgba(239, 68, 68, 0.9);
  --bg-accent: #f4f4f5;
  --bg-popover: #ffffff;

  /* 테두리 관련 변수 */
  --border-border: #e4e4e7;
  --border-input: #e4e4e7;
  --border-foreground: #09090b;

  /* fill */
  --fill-foreground: #09090b;

  /* radius */
  --radius-rounded-md: 0.375rem;
  --radius-rounded-lg: 0.5rem;
  --radius-rounded-sm: 0.25rem;

  /* shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  --stroke-color-primary: #2974ff;

  /* input */

  /* 상태 표시 색상 - 현대적 색상 시스템 */
  --status-success-bg: #ecfdf5;
  --status-success-text: #40cd5a;
  --status-success-border: #40cd5a;

  --status-warning-bg: #fff6e5d0;
  --status-warning-text: #f97316;
  --status-warning-border: #f9a916;

  --status-danger-bg: #fef2f2;
  --status-danger-text: #ef4444;
  --status-danger-border: #ef4f44;

  --status-info-bg: #eff6ff;
  --status-info-text: #2974ff;
  --status-info-border: #2974ff;

  /* 차이점 표시 색상 - 현대적 색상 시스템 */
  --diff-added: #10b981;
  --diff-removed: #ef4444;
  --diff-changed: #f97316;
  --diff-blue: #2974ff;

  /* 배경색 변형 - 현대적 색상 시스템 */
  --bg-light-gray: #f9fafb;
  --bg-gray-100: #f3f4f6;
  --bg-gray-200: #e5e7eb;
  --bg-gray-300: #d1d5db;

  /* 텍스트 색상 변형 - 현대적 색상 시스템 */
  --text-light-gray: #6b7280;
} /* Shadows/Soft Shadow/Soft Shadow - Style 1 */