/* Kodachi Dark Theme - Color Variables Only */
/* All component styles are in kodachi-components.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Kodachi Dark Color Palette */
  /* Deep Dark Backgrounds */
  --kodachi-bg-primary: #0A0E27;      /* Deepest dark blue */
  --kodachi-bg-secondary: #111927;    /* Dark surface */
  --kodachi-bg-tertiary: #141D2B;     /* Card backgrounds */
  --kodachi-bg-elevated: #1A2332;     /* Elevated surfaces */
  --kodachi-bg-hover: #1F2937;        /* Hover states */

  /* Neon Accent Colors */
  --kodachi-neon-green: #9FEF00;      /* Primary neon green */
  --kodachi-neon-green-bright: #A4FF00; /* Brighter green for hover */
  --kodachi-neon-green-dim: #7BC900;   /* Dimmed green */
  --kodachi-neon-green-glow: rgba(159, 239, 0, 0.4); /* Glow effect */

  /* Electric Blue Accents */
  --kodachi-blue-electric: #0FCCCE;   /* Electric cyan */
  --kodachi-blue-bright: #00D9FF;     /* Bright blue */
  --kodachi-blue-deep: #1E88E5;       /* Deep blue */
  --kodachi-blue-glow: rgba(15, 204, 206, 0.3);

  /* Hot Pink/Magenta Accents */
  --kodachi-pink-hot: #FF00FF;        /* Hot magenta */
  --kodachi-pink-cyber: #E91E63;      /* Cyber pink */
  --kodachi-pink-glow: rgba(255, 0, 255, 0.3);

  /* Text Colors */
  --kodachi-text-primary: #E4E6EB;    /* Primary text */
  --kodachi-text-secondary: #B0B8C4;  /* Secondary text */
  --kodachi-text-muted: #8A94A8;      /* Muted text */
  --kodachi-text-disabled: #6B7280;   /* Disabled text */
  --kodachi-text-bright: #FFFFFF;     /* Bright text */

  /* Border Colors */
  --kodachi-border-default: #2D3748;  /* Default borders */
  --kodachi-border-subtle: #1F2937;   /* Subtle borders */
  --kodachi-border-neon: var(--kodachi-neon-green); /* Neon borders */

  /* Semantic Colors */
  --kodachi-success: #10B981;         /* Success green */
  --kodachi-warning: #F59E0B;         /* Warning orange */
  --kodachi-error: #EF4444;           /* Error red */
  --kodachi-info: var(--kodachi-blue-electric);

  /* Code Colors */
  --kodachi-code-bg: #0D1117;         /* Code block background */
  --kodachi-code-text: #E6EDF3;       /* Code text */
  --kodachi-code-keyword: #FF79C6;    /* Keywords */
  --kodachi-code-string: #8BE9FD;     /* Strings */
  --kodachi-code-comment: #6272A4;    /* Comments */
  --kodachi-code-function: #50FA7B;   /* Functions */
  --kodachi-code-variable: #FFB86C;   /* Variables */
  --kodachi-code-number: #BD93F9;     /* Numbers */
}

/* Global Font Settings */
[data-md-color-scheme="slate"] {
  /* Typography */
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --md-code-font: "JetBrains Mono", "Fira Code", "Roboto Mono", Consolas, Monaco, monospace;
}

/* Apply Kodachi Dark Theme to Material Dark Theme */
[data-md-color-scheme="slate"] {
  /* Primary backgrounds */
  --md-default-bg-color: var(--kodachi-bg-primary);
  --md-default-bg-color--light: var(--kodachi-bg-secondary);
  --md-default-bg-color--lighter: var(--kodachi-bg-tertiary);
  --md-default-bg-color--lightest: var(--kodachi-bg-elevated);

  /* Primary foregrounds */
  --md-default-fg-color: var(--kodachi-text-primary);
  --md-default-fg-color--light: var(--kodachi-text-secondary);
  --md-default-fg-color--lighter: var(--kodachi-text-muted);
  --md-default-fg-color--lightest: var(--kodachi-text-disabled);

  /* Primary colors */
  --md-primary-fg-color: var(--kodachi-bg-primary);
  --md-primary-fg-color--light: var(--kodachi-bg-secondary);
  --md-primary-fg-color--dark: #050711;
  --md-primary-bg-color: var(--kodachi-neon-green);
  --md-primary-bg-color--light: var(--kodachi-neon-green-dim);

  /* Accent colors */
  --md-accent-fg-color: var(--kodachi-neon-green);
  --md-accent-fg-color--transparent: var(--kodachi-neon-green-glow);
  --md-accent-bg-color: var(--kodachi-text-bright);
  --md-accent-bg-color--light: var(--kodachi-text-primary);

  /* Code colors */
  --md-code-fg-color: var(--kodachi-code-text);
  --md-code-bg-color: var(--kodachi-code-bg);
  --md-code-hl-color: rgba(159, 239, 0, 0.15);
  --md-code-hl-number-color: var(--kodachi-code-number);
  --md-code-hl-special-color: var(--kodachi-pink-hot);
  --md-code-hl-function-color: var(--kodachi-code-function);
  --md-code-hl-constant-color: var(--kodachi-code-number);
  --md-code-hl-keyword-color: var(--kodachi-code-keyword);
  --md-code-hl-string-color: var(--kodachi-code-string);
  --md-code-hl-name-color: var(--kodachi-code-variable);
  --md-code-hl-operator-color: var(--kodachi-pink-cyber);
  --md-code-hl-punctuation-color: var(--kodachi-text-muted);
  --md-code-hl-comment-color: var(--kodachi-code-comment);
  --md-code-hl-generic-color: var(--kodachi-text-secondary);
  --md-code-hl-variable-color: var(--kodachi-code-variable);

  /* Footer */
  --md-footer-fg-color: var(--kodachi-text-secondary);
  --md-footer-fg-color--light: var(--kodachi-text-muted);
  --md-footer-fg-color--lighter: var(--kodachi-text-disabled);
  --md-footer-bg-color: #050711;
  --md-footer-bg-color--dark: #030509;

  /* Admonition colors */
  --md-admonition-fg-color: var(--kodachi-text-primary);
  --md-admonition-bg-color: var(--kodachi-bg-tertiary);

  /* Warning colors */
  --md-warning-fg-color: var(--kodachi-warning);
  --md-warning-bg-color: var(--kodachi-bg-tertiary);

  /* Typeset colors */
  --md-typeset-color: var(--kodachi-text-primary);
  --md-typeset-a-color: var(--kodachi-neon-green);
  --md-typeset-mark-color: rgba(159, 239, 0, 0.3);
  --md-typeset-del-color: rgba(239, 68, 68, 0.3);
  --md-typeset-ins-color: rgba(16, 185, 129, 0.3);
  --md-typeset-kbd-color: var(--kodachi-text-secondary);
  --md-typeset-kbd-accent-color: var(--kodachi-text-primary);
  --md-typeset-kbd-border-color: var(--kodachi-border-default);
  --md-typeset-table-color: var(--kodachi-text-primary);
  --md-typeset-table-color--light: rgba(228, 230, 235, 0.05);

  /* Accent Color Aliases (for component compatibility) */
  --kodachi-accent-primary: var(--kodachi-neon-green);
  --kodachi-accent-primary-bright: var(--kodachi-neon-green-bright);
  --kodachi-accent-primary-dim: var(--kodachi-neon-green-dim);
  --kodachi-accent-primary-glow: var(--kodachi-neon-green-glow);

  --kodachi-accent-secondary: var(--kodachi-blue-electric);
  --kodachi-accent-secondary-bright: var(--kodachi-blue-bright);
  --kodachi-accent-secondary-dim: var(--kodachi-blue-deep);
  --kodachi-accent-secondary-glow: var(--kodachi-blue-glow);

  --kodachi-accent-tertiary: var(--kodachi-pink-hot);
  --kodachi-accent-tertiary-alt: var(--kodachi-pink-cyber);
  --kodachi-accent-tertiary-glow: var(--kodachi-pink-glow);

  /* Interactive State Tokens */
  --kodachi-interactive-default: var(--kodachi-accent-primary);
  --kodachi-interactive-hover: var(--kodachi-accent-primary-bright);
  --kodachi-interactive-active: var(--kodachi-accent-primary-dim);
  --kodachi-interactive-disabled: var(--kodachi-text-disabled);
  --kodachi-interactive-focus-ring: 0 0 0 3px var(--kodachi-accent-primary-glow);

  /* Status Tokens (with background variants) */
  --kodachi-status-success: var(--kodachi-success);
  --kodachi-status-success-bg: rgba(16, 185, 129, 0.1);
  --kodachi-status-warning: var(--kodachi-warning);
  --kodachi-status-warning-bg: rgba(245, 158, 11, 0.1);
  --kodachi-status-error: var(--kodachi-error);
  --kodachi-status-error-bg: rgba(239, 68, 68, 0.1);
  --kodachi-status-info: var(--kodachi-blue-electric);
  --kodachi-status-info-bg: rgba(15, 204, 206, 0.1);

  /* Border Focus/Accent Tokens */
  --kodachi-border-focus: var(--kodachi-accent-primary);
  --kodachi-border-accent: var(--kodachi-accent-primary);
  --kodachi-border-hover: var(--kodachi-accent-primary-bright);
}