/* COLÔZAL LAW global color system.
   Values can be overridden from WordPress Customizer via inline CSS. */

:root {
  --colozal-color-primary: #6d6760;
  --colozal-color-primary-rgb: 109 103 96;
  --colozal-color-secondary: #aea8a3;
  --colozal-color-secondary-rgb: 174 168 163;
  --colozal-color-accent: #c9f31d;
  --colozal-color-accent-rgb: 201 243 29;
  --colozal-color-black: #121212;
  --colozal-color-black-rgb: 18 18 18;
  --colozal-color-white: #ffffff;
  --colozal-color-white-rgb: 255 255 255;
  --colozal-color-on-dark: #ffffff;
  --colozal-color-on-dark-rgb: 255 255 255;
  --colozal-color-text: var(--colozal-color-black);
  --colozal-color-text-muted: var(--colozal-color-primary);
  --colozal-color-text-inverse: var(--colozal-color-on-dark);

  /* Arolax compatibility tokens. */
  --primary: var(--colozal-color-black);
  --secondary: var(--colozal-color-primary);
  --theme: var(--colozal-color-black);
  --black: var(--colozal-color-black);
  --white: var(--colozal-color-white);
  --action: var(--colozal-color-accent);
  --border: rgb(var(--colozal-color-black-rgb) / 0.08);
}

body.dark,
body.dir-dark,
:root .dark {
  --primary: var(--colozal-color-white);
  --secondary: var(--colozal-color-secondary);
  --colozal-color-text: var(--colozal-color-on-dark);
  --colozal-color-text-muted: rgb(var(--colozal-color-on-dark-rgb) / 0.72);
  --colozal-color-text-inverse: var(--colozal-color-black);
  --border: rgb(var(--colozal-color-white-rgb) / 0.08);
}