@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");

:root,
[data-theme="light"] {
  color-scheme: light;

  --cogon-color-bg: #ffffff;
  --cogon-color-surface: #f2f5f0;
  --cogon-color-surface-raised: #ffffff;
  --cogon-color-text: #163300;
  --cogon-color-text-muted: #5c6b57;
  --cogon-color-primary: #9fe870;
  --cogon-color-primary-hover: #8ad85c;
  --cogon-color-on-primary: #163300;
  --cogon-color-accent: #163300;
  --cogon-color-accent-soft: #e4f7d4;
  --cogon-color-on-accent: #f2f5f0;
  --cogon-color-border: #d9e0d6;
  --cogon-color-focus: #9fe870;
  --cogon-color-success: #163300;
  --cogon-color-danger: #a34432;

  --cogon-radius-sm: 8px;
  --cogon-radius-md: 16px;
  --cogon-radius-lg: 24px;
  --cogon-shadow-card: none;
}

[data-theme="dark"] {
  color-scheme: dark;

  --cogon-color-bg: #0f160c;
  --cogon-color-surface: #162014;
  --cogon-color-surface-raised: #1c2818;
  --cogon-color-text: #e7f0e2;
  --cogon-color-text-muted: #9aab94;
  --cogon-color-primary: #9fe870;
  --cogon-color-primary-hover: #b6f08e;
  --cogon-color-on-primary: #163300;
  --cogon-color-accent: #e7f0e2;
  --cogon-color-accent-soft: #1c2818;
  --cogon-color-on-accent: #163300;
  --cogon-color-border: #2a3a24;
  --cogon-color-focus: #9fe870;
  --cogon-color-success: #9fe870;
  --cogon-color-danger: #e07a68;

  --cogon-shadow-card: none;
}

:root {
  --cogon-font-display: "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --cogon-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
  --cogon-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --cogon-motion-fast: 200ms;
  --cogon-motion-base: 280ms;
  --cogon-ease: cubic-bezier(0.22, 1, 0.36, 1);
}