@layer forgejo-theme;

@import "theme-forgejo-dark.css" layer(forgejo-theme);

:root {
  /*
  Extracted from Formaggejo brand palette:
  - formaggejo-light: #f6d32d
  - formaggejo-dark: #e5a50a
   */
  --formaggejo-light-lightness: 0.8713;
  --formaggejo-light-chroma: 0.1694;
  --formaggejo-light-hue: 96.01;
  --formaggejo-dark-hue: 80.3;
  --formaggejo-dark-chroma: 0.1564;
  --formaggejo-dark-lightness: 0.763;

  /* Based on variables from theme-forgejo-dark.css */
  --color-primary: oklch(var(--formaggejo-light-lightness) var(--formaggejo-light-chroma) var(--formaggejo-light-hue));
  --color-primary-hover: oklch(var(--formaggejo-dark-lightness) var(--formaggejo-dark-chroma) var(--formaggejo-dark-hue));
  --color-primary-dark-1: oklch(0.837 0.116 var(--formaggejo-light-hue));
  --color-primary-dark-2: oklch(0.837 0.116 var(--formaggejo-light-hue));
  --color-primary-dark-3: oklch(0.901 0.073 var(--formaggejo-light-hue));
  --color-primary-dark-4: oklch(0.901 0.073 var(--formaggejo-light-hue));
  --color-primary-light-1: oklch(0.705 0.187 var(--formaggejo-light-hue));
  --color-primary-light-2: oklch(0.646 0.180 var(--formaggejo-light-hue));
  --color-primary-light-3: oklch(0.553 0.174 var(--formaggejo-light-hue));
  --color-primary-light-4: oklch(0.511 0.158 var(--formaggejo-light-hue));
  --color-primary-light-5: oklch(0.470 0.143 var(--formaggejo-light-hue));
  --color-primary-light-6: oklch(0.439 0.128 var(--formaggejo-light-hue));
  --color-primary-light-7: oklch(0.408 0.116 var(--formaggejo-light-hue));
  --color-primary-alpha-10: oklch(from var(--color-primary-light-2) l c h / 0.1);
  --color-primary-alpha-20: oklch(from var(--color-primary-light-2) l c h / 0.2);
  --color-primary-alpha-30: oklch(from var(--color-primary-light-2) l c h / 0.3);
  --color-primary-alpha-40: oklch(from var(--color-primary-light-2) l c h / 0.4);
  --color-primary-alpha-50: oklch(from var(--color-primary-light-2) l c h / 0.5);
  --color-primary-alpha-60: oklch(from var(--color-primary-light-2) l c h / 0.6);
  --color-primary-alpha-70: oklch(from var(--color-primary-light-2) l c h / 0.7);
  --color-primary-alpha-80: oklch(from var(--color-primary-light-2) l c h / 0.8);
  --color-primary-alpha-90: oklch(from var(--color-primary-light-2) l c h / 0.9);

  --color-footer: oklch(from var(--steel-900) 0.17 c h);

  /* Overwrite chroma source colors with brand colors */
  /* light yellowish -> formaggejo-light */
  .chroma .gh, .chroma .kn, .chroma .nc, .chroma .sa, .chroma .sc, .chroma .si, .chroma .sx {color: #f6d32d}
  /* dark yellowish -> formaggejo-dark */
  .chroma .bp, .chroma .na, .chroma .nb, .chroma .nf, .chroma .ni {color: #e5a50a}
  /* light green-yellowish -> formaggejo-light */
  .chroma .gu, .chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sd, .chroma .sh {color: #f6d32d}
}