/* alamiya-tokens.css : the Alamiya brand over the product's own xwui tokens. Colours and surfaces only.
 * Palette (alamiya-site BRAND.md): true black, white, broadcast green #00FF00 with BLACK ink on it,
 * teal #76D6C4 (films), chartreuse #ECFF00 (partnerships).
 * Hook is data-app="alamiya": it is not an xwui axis, so xwui never rewrites it. The doubled attribute
 * selectors out-rank the product's :root[data-accent] rules whatever the stylesheet order. */
html[data-app="alamiya"][data-accent][data-app="alamiya"] {
  --alamiya-green: #00ff00;
  --alamiya-green-hover: #00dd00;
  --alamiya-teal: #76d6c4;
  --alamiya-yellow: #ecff00;
  --accent-primary: var(--alamiya-green);
  --accent-hover: var(--alamiya-green-hover);
  --accent-active: var(--alamiya-green);
  --accent-light: var(--alamiya-teal);
  --accent-primary-rgb: 0, 255, 0;
  --accent-hover-rgb: 0, 221, 0;
  --accent-primary-ink: #000000;
  --xwui-color-accent: var(--alamiya-green);
  --xwui-color-accent-ink: #000000;
  --xwui-color-accent-hover: var(--alamiya-green-hover);
  --role-primary-fg: #000000;
}
html[data-app="alamiya"][data-theme="dark"][data-app="alamiya"] {
  --bg-app: #000000;
  --bg-primary: #000000;
  --bg-secondary: #121212;
  --bg-tertiary: #252525;
  --bg-card: #161616;
  --bg-card-hover: #252525;
  --bg-hover: rgba(255, 255, 255, 0.06);
  --bg-input: #161616;
  --text-primary: #ffffff;
  --text-secondary: #bcbcbc;
  --text-tertiary: #8a8a8a;
  --border-color: rgba(255, 255, 255, 0.12);
  --border-medium: rgba(255, 255, 255, 0.18);
  --border-subtle: rgba(255, 255, 255, 0.07);
}
html[data-app="alamiya"][data-theme="light"][data-app="alamiya"] {
  --alamiya-green-ink: #067a06;
  --accent-primary: var(--alamiya-green-ink);
  --bg-app: #f6f8f6;
  --bg-primary: #ffffff;
  --bg-secondary: #f1f4f1;
  --bg-tertiary: #e6eae6;
  --bg-card: #ffffff;
  --text-primary: #0b0f0b;
  --text-secondary: #3f463f;
  --text-tertiary: #6b736b;
  --border-color: rgba(0, 0, 0, 0.14);
}
