/* 동양생명 (Tongyang Life) 사이트 테마
 * 브랜드 컬러 #0599D9 기반 */

:root {
  /* Primary - Navy Blue */
  --color-primary-50: #eaf1fb;
  --color-primary-100: #cddcf4;
  --color-primary-200: #a9c3eb;
  --color-primary-300: #85aae2;
  --color-primary-400: #6192d9;
  --color-primary-500: #3d7ad0;
  --color-primary-600: #3468b5;
  --color-primary-700: #2b569a;
  --color-primary-800: #22447f;
  --color-primary-900: #193364;

  /* Base - Near-white Blue-tinted */
  --color-base-50: #ffffff;
  --color-base-100: #fcfdfe;
  --color-base-200: #f9fafb;
  --color-base-300: #f5f6f8;
  --color-base-400: #eff1f3;
  --color-base-500: #e6e8ec;
  --color-base-600: #d4d7dd;
  --color-base-700: #b8bcc5;
  --color-base-800: #9ca1ac;
  --color-base-900: #808693;

  /* Text - Neutral Dark */
  --color-text-900: #1a1a1a;
  --color-text-800: #2e2e2e;
  --color-text-700: #404040;
  --color-text-600: #525252;
  --color-text-500: #6b6b6b;
  --color-text-400: #8a8a8a;
  --color-text-300: #a3a3a3;
  --color-text-200: #c0c0c0;
  --color-text-100: #d9d9d9;
  --color-text-50: #f0f0f0;

  /* Secondary - Cool Gray */
  --color-secondary-50: #f0f3f5;
  --color-secondary-100: #d9e0e6;
  --color-secondary-200: #c0ccd5;
  --color-secondary-300: #a7b8c4;
  --color-secondary-400: #8ea4b3;
  --color-secondary-500: #7590a2;
  --color-secondary-600: #637d8e;
  --color-secondary-700: #526979;
  --color-secondary-800: #415564;
  --color-secondary-900: #31414f;

  /* Theme mappings */
  --background: var(--color-base-50);
  --foreground: var(--color-text-900);
  --card: var(--color-base-200);
  --card-foreground: var(--color-text-900);
  --popover: var(--color-base-200);
  --popover-foreground: var(--color-text-900);
  --primary: var(--color-primary-600);
  --primary-foreground: #ffffff;
  --secondary: var(--color-secondary-500);
  --secondary-foreground: #ffffff;
  --muted: var(--color-base-300);
  --muted-foreground: var(--color-text-500);
  --accent: var(--color-primary-100);
  --accent-foreground: var(--color-primary-900);
  --border: var(--color-base-400);
  --input: var(--color-base-400);
  --ring: var(--color-primary-500);
  --chart-1: var(--color-primary-500);
  --sidebar: var(--color-base-200);
  --sidebar-foreground: var(--color-text-900);
  --sidebar-primary: var(--color-primary-500);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: var(--color-base-300);
  --sidebar-accent-foreground: var(--color-text-900);
  --sidebar-border: var(--color-base-400);
  --sidebar-ring: var(--color-primary-500);
}
