/**
 * colors.css - Color Palette for KyungHee Korean Medicine Clinic
 * Theme: Clean Minimalism (Refined Emerald, Crisp Whites, Soft Grays & Subtle Accents)
 */

:root {
  /* ==========================================================================
     Brand Theme Palette (Preserved Primary & Theme Colors)
     ========================================================================== */
  --accent-1: #35696F;
  --accent-2: #1b9292;
  --heading-darkest: #4B3937;
  --heading-bright: #936E6B;
  --menubar-1: #453533;
  --menubar-2: rgba(232, 227, 223, 0.3);
  --translucent-1: rgba(232, 227, 223, 0.3);
  --table-row-odd: #DCE0E4;
  --table-row-even: #F0F2F4;
  --default-text: #303030;

  /* Aliased / Supporting Brand Colors */
  --color-primary: #065f46;
  --color-primary-light: #059669;
  --color-primary-dark: #064e3b;
  --color-primary-50: #ecfdf5;
  --color-primary-100: #d1fae5;

  --color-accent: #0f766e;
  --color-accent-light: #14b8a6;
  --color-accent-dark: #115e59;

  /* Neutral Background Colors */
  --color-bg: #fdfdfd;
  --color-bg-alt: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-hover: #f9fafb;

  /* Text & Typography Colors */
  --color-text-main: var(--default-text);
  --color-text-heading: #111827;
  --color-heading-darkest: var(--heading-darkest, #4B3937);
  --color-text-muted: #6b7280;

  /* Borders & Dividers */
  --color-border: #f3f4f6;
  --color-border-medium: #e5e7eb;
  --color-border-dark: #d1d5db;

  /* Shadows - Minimal & Lightweight */
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.03);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}