@import "./theme-forgejo-dark.css";

:root {
  --is-dark-theme: true;

  /* DMA neutral OKLCH grayscale palette */
  --steel-900: oklch(0.06 0 0);
  --steel-850: oklch(0.08 0 0);
  --steel-800: oklch(0.1 0 0);
  --steel-750: oklch(0.13 0 0);
  --steel-700: oklch(0.16 0 0);
  --steel-650: oklch(0.2 0 0);
  --steel-600: oklch(0.26 0 0);
  --steel-550: oklch(0.34 0 0);
  --steel-500: oklch(0.44 0 0);
  --steel-450: oklch(0.54 0 0);
  --steel-400: oklch(0.62 0 0);
  --steel-350: oklch(0.7 0 0);
  --steel-300: oklch(0.78 0 0);
  --steel-250: oklch(0.84 0 0);
  --steel-200: oklch(0.9 0 0);
  --steel-150: oklch(0.94 0 0);
  --steel-100: oklch(0.98 0 0);

  /* Primary accent: DMA electric blue (#02abfc) */
  --color-primary: #02abfc;
  --color-primary-contrast: #000;
  --color-primary-dark-1: #38bdf8;
  --color-primary-dark-2: #38bdf8;
  --color-primary-dark-3: #7dd3fc;
  --color-primary-dark-4: #7dd3fc;
  --color-primary-dark-5: #bae6fd;
  --color-primary-dark-6: #e0f2fe;
  --color-primary-dark-7: #f0f9ff;
  --color-primary-light-1: #0284c7;
  --color-primary-light-2: #0369a1;
  --color-primary-light-3: #075985;
  --color-primary-light-4: #0c4a6e;
  --color-primary-light-5: #082f49;
  --color-primary-light-6: #082f49;
  --color-primary-light-7: #082f49;
  --color-primary-alpha-10: #02abfc1a;
  --color-primary-alpha-20: #02abfc33;
  --color-primary-alpha-30: #02abfc4d;
  --color-primary-alpha-40: #02abfc66;
  --color-primary-alpha-50: #02abfc80;
  --color-primary-alpha-60: #02abfc99;
  --color-primary-alpha-70: #02abfcb3;
  --color-primary-alpha-80: #02abfccc;
  --color-primary-alpha-90: #02abfce6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-light-1);

  /* Secondary neutral alpha steps */
  --color-secondary-alpha-10: oklch(0.16 0 0 / 0.1);
  --color-secondary-alpha-20: oklch(0.16 0 0 / 0.2);
  --color-secondary-alpha-30: oklch(0.16 0 0 / 0.3);
  --color-secondary-alpha-40: oklch(0.16 0 0 / 0.4);
  --color-secondary-alpha-50: oklch(0.16 0 0 / 0.5);
  --color-secondary-alpha-60: oklch(0.16 0 0 / 0.6);
  --color-secondary-alpha-70: oklch(0.16 0 0 / 0.7);
  --color-secondary-alpha-80: oklch(0.16 0 0 / 0.8);
  --color-secondary-alpha-90: oklch(0.16 0 0 / 0.9);

  /* Brand accents */
  --color-red: #f5615f;
  --color-green: #56ba5b;
  --color-blue: #02abfc;
  --color-yellow: oklch(0.7079 0.1638 82.58);

  /* Target surface overrides */
  --color-body: oklch(0.08 0 0);
  --color-nav-bg: oklch(0.06 0 0);
  --color-footer: oklch(0.06 0 0);
  --color-header-wrapper: oklch(0.06 0 0);
  --color-secondary-nav-bg: oklch(0.08 0 0);

  /* Typography */
  --fonts-proportional:
    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --fonts-monospace:
    "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace;

  /* Accent highlights */
  --color-accent: var(--color-primary);
  accent-color: var(--color-accent);
}