/* =========================================================
   KETMarket Global Theme Variables
   File: ket-global.css
   ========================================================= */

:root {
  /* Backgrounds */
  --km-bg: #ffffff;
  --km-surface: #ffffff;

  /* Text */
  --km-text: #111827;
  --km-muted: #6b7280;

  /* Brand Colors */
  --km-primary: #005e86;          /* KETMarket Teal */
  --km-primary-hover: #0073aa;
  --km-soft: #ccf0ff;

  /* Borders */
  --km-border: #d9e2e8;

  /* Radius */
  --km-radius: 4px;
  --km-radius-sm: 4px;

  /* Shadows */
  --km-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --km-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);

  /* Focus */
  --km-focus: rgba(0, 94, 134, 0.18);

  /* Typography */
  --km-font-family: "Inter", "Segoe UI", sans-serif;

  /* Transitions */
  --km-transition: 0.2s ease-in-out;

  /* Footer */
  --km-footer-bg: #1f1f1f;
  --km-footer-text: #ffffff;
  --km-footer-muted: rgba(255, 255, 255, 0.76);
  --km-footer-line: rgba(255, 255, 255, 0.18);
  --km-footer-panel: rgba(255, 255, 255, 0.06);

  /* Status / CTA */
  --km-success: #68b845;
  --km-success-hover: #5aa13b;
}

/* =========================================================
   Dark Mode Support
   ========================================================= */

[data-theme="dark"] {
  --km-bg: #0f172a;
  --km-surface: #111827;

  --km-text: #f3f4f6;
  --km-muted: #9ca3af;

  --km-primary: #0094d4;
  --km-primary-hover: #00a6eb;
  --km-soft: rgba(0, 148, 212, 0.12);

  --km-border: #1f2937;

  --km-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --km-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);

  --km-focus: rgba(0, 148, 212, 0.22);
}