/* IEC-KAU daisyUI theme (CLAUDE.md "UI conventions").
   This file holds only the theme variables and the Arabic typography rules. */

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

  --color-base-100: #ffffff;
  --color-base-200: #f2f7ed;
  --color-base-300: #dce5df;
  --color-base-content: #1d2921;
  --color-primary: #055934;
  --color-primary-content: #ffffff;
  --color-secondary: #0a353e;
  --color-secondary-content: #ffffff;
  --color-accent: #2bb673;
  --color-accent-content: #1d2921;
  --color-neutral: #1d2921;
  --color-neutral-content: #ffffff;
  /* *-content picked by computed WCAG contrast against each status color. */
  --color-info: #3b8fb5;
  --color-info-content: #1d2921;
  --color-success: #208d44;
  --color-success-content: #ffffff;
  --color-warning: #e8a93b;
  --color-warning-content: #1d2921;
  --color-error: #d64545;
  --color-error-content: #ffffff;

  --radius-selector: 1rem;
  --radius-field: 0.5rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;

  --font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  font-family: var(--font-sans);
  line-height: 1.5;
}

/* Arabic: the matching Arabic design first, and 0.1 more line height for diacritics. */
[data-theme="iec"]:lang(ar),
[data-theme="iec"] :lang(ar) {
  font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  line-height: 1.6;
}