/* Q Platform shared tokens v0.1 */

:root {
  --q-safe-top: env(safe-area-inset-top, 0px);
  --q-safe-right: env(safe-area-inset-right, 0px);
  --q-safe-bottom: env(safe-area-inset-bottom, 0px);
  --q-safe-left: env(safe-area-inset-left, 0px);

  --q-font-sans: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;

  --q-space-1: 4px;
  --q-space-2: 8px;
  --q-space-3: 12px;
  --q-space-4: 16px;
  --q-space-5: 20px;
  --q-space-6: 24px;
  --q-space-8: 32px;
  --q-space-14: 56px;
  --q-space-16: 64px;

  --q-radius-sm: 6px;
  --q-radius-md: 12px;
  --q-radius-lg: 18px;
  --q-radius-xl: 22px;
  --q-radius-full: 999px;

  --q-bg: #f5f7fa;
  --q-bg-elevated: #ffffff;
  --q-surface: rgba(255, 255, 255, 0.78);
  --q-surface-strong: rgba(255, 255, 255, 0.92);
  --q-surface-muted: rgba(238, 243, 247, 0.86);
  --q-border: rgba(32, 48, 64, 0.12);
  --q-border-strong: rgba(32, 48, 64, 0.2);
  --q-text: #17202e;
  --q-text-muted: #5e6a7d;
  --q-text-soft: #7a8494;
  --q-primary: #176b87;
  --q-primary-strong: #0f526a;
  --q-primary-soft: rgba(23, 107, 135, 0.12);
  --q-glass-highlight: rgba(255, 255, 255, 0.82);
  --q-glass-border: rgba(32, 48, 64, 0.14);
  --q-glass-edge: rgba(255, 255, 255, 0.78);
  --q-focus: 0 0 0 3px rgba(23, 107, 135, 0.22);
  --q-shadow-md: 0 14px 35px rgba(16, 24, 40, 0.12);
  --q-table-head: rgba(255, 255, 255, 0.96);
  --q-table-head-gradient: linear-gradient(180deg, #ffffff, #f1f5f9);
  --q-table-row: #ffffff;
  --q-table-row-hover: rgba(59, 130, 246, 0.1);
  --q-table-row-selected: rgba(14, 132, 170, 0.12);
  --q-table-row-selected-mark: rgba(59, 130, 246, 0.62);
  --q-table-line: rgba(39, 81, 98, 0.1);
  --q-table-head-line: rgba(59, 130, 246, 0.22);
  --q-mobile-menu-surface: rgba(255, 255, 255, 0.94);
  --q-mobile-menu-surface-active: rgba(23, 107, 135, 0.1);
  --q-mobile-menu-plate: rgba(255, 255, 255, 0.54);
  --q-mobile-menu-plate-active: rgba(23, 107, 135, 0.12);
  --q-mobile-menu-plate-edge: rgba(255, 255, 255, 0.68);
  --q-mobile-menu-plate-shadow: 0 4px 12px rgba(16, 24, 40, 0.06);
  --q-mobile-menu-plate-active-shadow: 0 8px 20px rgba(23, 107, 135, 0.18);
  --q-mobile-menu-border: rgba(32, 48, 64, 0.18);
  --q-mobile-menu-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);

  --q-login-bg: #eef4f7;
  --q-login-panel: rgba(255, 255, 255, 0.76);
  --q-login-panel-strong: rgba(255, 255, 255, 0.88);
  --q-login-border: rgba(39, 57, 75, 0.14);
  --q-login-border-strong: rgba(39, 57, 75, 0.24);
  --q-login-text: #0f172a;
  --q-login-text-muted: #475569;
  --q-login-text-faint: #94a3b8;
  --q-login-field-bg: rgba(255, 255, 255, 0.68);
  --q-login-field-border: rgba(39, 57, 75, 0.14);
  --q-login-field-border-hover: rgba(39, 57, 75, 0.26);
  --q-login-brand: #0a5d7a;
  --q-login-brand-2: #0b6c8e;
  --q-login-ring: rgba(10, 93, 122, 0.18);
  --q-login-error-border: #f2b8b5;
  --q-login-error-bg: #fff5f5;
  --q-login-error-text: #b42318;
  --q-login-shadow-card: 0 1px 2px rgba(15,23,42,0.04), 0 28px 80px -32px rgba(15,23,42,0.34);
}

[data-theme="dark"] {
  --q-bg: #10151d;
  --q-bg-elevated: #151c26;
  --q-surface: rgba(20, 28, 38, 0.78);
  --q-surface-strong: rgba(24, 33, 45, 0.94);
  --q-surface-muted: rgba(34, 45, 59, 0.84);
  --q-border: rgba(222, 232, 242, 0.13);
  --q-border-strong: rgba(222, 232, 242, 0.24);
  --q-text: #edf3f8;
  --q-text-muted: #aab6c5;
  --q-text-soft: #8492a5;
  --q-primary: #78bdd2;
  --q-primary-strong: #9bd3e2;
  --q-primary-soft: rgba(120, 189, 210, 0.14);
  --q-glass-highlight: rgba(255, 255, 255, 0.14);
  --q-glass-border: rgba(222, 232, 242, 0.16);
  --q-glass-edge: rgba(255, 255, 255, 0.16);
  --q-focus: 0 0 0 3px rgba(120, 189, 210, 0.26);
  --q-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
  --q-table-head: #101a2c;
  --q-table-head-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.01));
  --q-table-row: #101a2c;
  --q-table-row-hover: rgba(59, 130, 246, 0.12);
  --q-table-row-selected: rgba(59, 130, 246, 0.15);
  --q-table-row-selected-mark: rgba(120, 189, 210, 0.72);
  --q-table-line: rgba(255, 255, 255, 0.055);
  --q-table-head-line: rgba(59, 130, 246, 0.35);
  --q-mobile-menu-surface: rgba(24, 33, 45, 0.9);
  --q-mobile-menu-surface-active: rgba(120, 189, 210, 0.13);
  --q-mobile-menu-plate: rgba(40, 50, 63, 0.5);
  --q-mobile-menu-plate-active: rgba(120, 189, 210, 0.14);
  --q-mobile-menu-plate-edge: rgba(255, 255, 255, 0.13);
  --q-mobile-menu-plate-shadow: 0 4px 14px rgba(0, 0, 0, 0.34);
  --q-mobile-menu-plate-active-shadow: 0 8px 22px rgba(120, 189, 210, 0.2);
  --q-mobile-menu-border: rgba(222, 232, 242, 0.2);
  --q-mobile-menu-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);

  --q-login-bg: #07111f;
  --q-login-panel: rgba(15, 24, 42, 0.66);
  --q-login-panel-strong: rgba(15, 24, 42, 0.82);
  --q-login-border: rgba(226, 241, 248, 0.13);
  --q-login-border-strong: rgba(226, 241, 248, 0.24);
  --q-login-text: #e6edf7;
  --q-login-text-muted: #aab4c5;
  --q-login-text-faint: #6b7588;
  --q-login-field-bg: rgba(14, 25, 43, 0.72);
  --q-login-field-border: rgba(226, 241, 248, 0.12);
  --q-login-field-border-hover: rgba(226, 241, 248, 0.25);
  --q-login-brand: #3aa6c9;
  --q-login-brand-2: #5fbcd9;
  --q-login-ring: rgba(95, 188, 217, 0.28);
  --q-login-error-border: rgba(248,113,113,0.45);
  --q-login-error-bg: rgba(127,29,29,0.28);
  --q-login-error-text: #fecaca;
  --q-login-shadow-card: 0 1px 2px rgba(0,0,0,0.36), 0 32px 90px -30px rgba(0,0,0,0.76);
}