{ "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json", "version": 1.1, "properties": [ { "name": "--qhr-alert-danger_bg", "description": "### 🧩 `--qhr-alert-danger_bg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#fff1f2`\n\n```css\nvar(--qhr-alert-danger_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-danger_bg)", "description": "Reference token --qhr-alert-danger_bg (#fff1f2)" } ] }, { "name": "--qhr-alert-danger_border", "description": "### 🧩 `--qhr-alert-danger_border`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#fecdd3`\n\n```css\nvar(--qhr-alert-danger_border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-danger_border)", "description": "Reference token --qhr-alert-danger_border (#fecdd3)" } ] }, { "name": "--qhr-alert-danger_fg", "description": "### 🧩 `--qhr-alert-danger_fg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#881337`\n\n```css\nvar(--qhr-alert-danger_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-danger_fg)", "description": "Reference token --qhr-alert-danger_fg (#881337)" } ] }, { "name": "--qhr-alert-info_bg", "description": "### 🧩 `--qhr-alert-info_bg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#eff6ff`\n\n```css\nvar(--qhr-alert-info_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-info_bg)", "description": "Reference token --qhr-alert-info_bg (#eff6ff)" } ] }, { "name": "--qhr-alert-info_border", "description": "### 🧩 `--qhr-alert-info_border`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#bfdbfe`\n\n```css\nvar(--qhr-alert-info_border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-info_border)", "description": "Reference token --qhr-alert-info_border (#bfdbfe)" } ] }, { "name": "--qhr-alert-info_fg", "description": "### 🧩 `--qhr-alert-info_fg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#073b6d`\n\n```css\nvar(--qhr-alert-info_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-info_fg)", "description": "Reference token --qhr-alert-info_fg (#073b6d)" } ] }, { "name": "--qhr-alert-success_bg", "description": "### 🧩 `--qhr-alert-success_bg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#ecfdf5`\n\n```css\nvar(--qhr-alert-success_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-success_bg)", "description": "Reference token --qhr-alert-success_bg (#ecfdf5)" } ] }, { "name": "--qhr-alert-success_border", "description": "### 🧩 `--qhr-alert-success_border`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#a7f3d0`\n\n```css\nvar(--qhr-alert-success_border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-success_border)", "description": "Reference token --qhr-alert-success_border (#a7f3d0)" } ] }, { "name": "--qhr-alert-success_fg", "description": "### 🧩 `--qhr-alert-success_fg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#064e3b`\n\n```css\nvar(--qhr-alert-success_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-success_fg)", "description": "Reference token --qhr-alert-success_fg (#064e3b)" } ] }, { "name": "--qhr-alert-warning_bg", "description": "### 🧩 `--qhr-alert-warning_bg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#fffbeb`\n\n```css\nvar(--qhr-alert-warning_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-warning_bg)", "description": "Reference token --qhr-alert-warning_bg (#fffbeb)" } ] }, { "name": "--qhr-alert-warning_border", "description": "### 🧩 `--qhr-alert-warning_border`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#fde68a`\n\n```css\nvar(--qhr-alert-warning_border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-warning_border)", "description": "Reference token --qhr-alert-warning_border (#fde68a)" } ] }, { "name": "--qhr-alert-warning_fg", "description": "### 🧩 `--qhr-alert-warning_fg`\n**Canonical Component Token** · تنبيهات ورسائل النظام (Alert)\n\n- **Default Value:** `#78350f`\n\n```css\nvar(--qhr-alert-warning_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-alert-warning_fg)", "description": "Reference token --qhr-alert-warning_fg (#78350f)" } ] }, { "name": "--qhr-badge-danger_bg", "description": "### 🧩 `--qhr-badge-danger_bg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#fff1f2`\n\n```css\nvar(--qhr-badge-danger_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-danger_bg)", "description": "Reference token --qhr-badge-danger_bg (#fff1f2)" } ] }, { "name": "--qhr-badge-danger_fg", "description": "### 🧩 `--qhr-badge-danger_fg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#e11d48`\n\n```css\nvar(--qhr-badge-danger_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-danger_fg)", "description": "Reference token --qhr-badge-danger_fg (#e11d48)" } ] }, { "name": "--qhr-badge-primary_bg", "description": "### 🧩 `--qhr-badge-primary_bg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#eff6ff`\n\n```css\nvar(--qhr-badge-primary_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-primary_bg)", "description": "Reference token --qhr-badge-primary_bg (#eff6ff)" } ] }, { "name": "--qhr-badge-primary_fg", "description": "### 🧩 `--qhr-badge-primary_fg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-badge-primary_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-primary_fg)", "description": "Reference token --qhr-badge-primary_fg (#0b6bcb)" } ] }, { "name": "--qhr-badge-success_bg", "description": "### 🧩 `--qhr-badge-success_bg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#ecfdf5`\n\n```css\nvar(--qhr-badge-success_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-success_bg)", "description": "Reference token --qhr-badge-success_bg (#ecfdf5)" } ] }, { "name": "--qhr-badge-success_fg", "description": "### 🧩 `--qhr-badge-success_fg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#059669`\n\n```css\nvar(--qhr-badge-success_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-success_fg)", "description": "Reference token --qhr-badge-success_fg (#059669)" } ] }, { "name": "--qhr-badge-warning_bg", "description": "### 🧩 `--qhr-badge-warning_bg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#fffbeb`\n\n```css\nvar(--qhr-badge-warning_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-warning_bg)", "description": "Reference token --qhr-badge-warning_bg (#fffbeb)" } ] }, { "name": "--qhr-badge-warning_fg", "description": "### 🧩 `--qhr-badge-warning_fg`\n**Canonical Component Token** · الشارات والوسوم الدلالية (Badge)\n\n- **Default Value:** `#d97706`\n\n```css\nvar(--qhr-badge-warning_fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-badge-warning_fg)", "description": "Reference token --qhr-badge-warning_fg (#d97706)" } ] }, { "name": "--qhr-border-focus_ring", "description": "### 🧱 `--qhr-border-focus_ring`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `rgba(11, 107, 203, 0.35)`\n\n```css\nbackground-color: var(--qhr-border-focus_ring);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-border-focus_ring)", "description": "Reference token --qhr-border-focus_ring (rgba(11, 107, 203, 0.35))" } ] }, { "name": "--qhr-border-strong", "description": "### 🧱 `--qhr-border-strong`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#cbd5e1`\n- **Night Mode (Dark):** `#334155`\n\n```css\nbackground-color: var(--qhr-border-strong);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-border-strong)", "description": "Reference token --qhr-border-strong (#cbd5e1)" } ] }, { "name": "--qhr-border-subtle", "description": "### 🧱 `--qhr-border-subtle`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#e2e8f0`\n- **Night Mode (Dark):** `#1e293b`\n\n```css\nbackground-color: var(--qhr-border-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-border-subtle)", "description": "Reference token --qhr-border-subtle (#e2e8f0)" } ] }, { "name": "--qhr-border-width", "description": "### 🧱 `--qhr-border-width`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `1px`\n\n```css\nbackground-color: var(--qhr-border-width);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-border-width)", "description": "Reference token --qhr-border-width (1px)" } ] }, { "name": "--qhr-button-destructive-background", "description": "### 🧩 `--qhr-button-destructive-background`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#e11d48`\n\n```css\nvar(--qhr-button-destructive-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-destructive-background)", "description": "Reference token --qhr-button-destructive-background (#e11d48)" } ] }, { "name": "--qhr-button-destructive-border", "description": "### 🧩 `--qhr-button-destructive-border`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `transparent`\n\n```css\nvar(--qhr-button-destructive-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-destructive-border)", "description": "Reference token --qhr-button-destructive-border (transparent)" } ] }, { "name": "--qhr-button-destructive-foreground", "description": "### 🧩 `--qhr-button-destructive-foreground`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#ffffff`\n\n```css\nvar(--qhr-button-destructive-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-destructive-foreground)", "description": "Reference token --qhr-button-destructive-foreground (#ffffff)" } ] }, { "name": "--qhr-button-destructive-hover", "description": "### 🧩 `--qhr-button-destructive-hover`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#be123c`\n\n```css\nvar(--qhr-button-destructive-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-destructive-hover)", "description": "Reference token --qhr-button-destructive-hover (#be123c)" } ] }, { "name": "--qhr-button-ghost-background", "description": "### 🧩 `--qhr-button-ghost-background`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `transparent`\n\n```css\nvar(--qhr-button-ghost-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-ghost-background)", "description": "Reference token --qhr-button-ghost-background (transparent)" } ] }, { "name": "--qhr-button-ghost-border", "description": "### 🧩 `--qhr-button-ghost-border`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `transparent`\n\n```css\nvar(--qhr-button-ghost-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-ghost-border)", "description": "Reference token --qhr-button-ghost-border (transparent)" } ] }, { "name": "--qhr-button-ghost-foreground", "description": "### 🧩 `--qhr-button-ghost-foreground`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-button-ghost-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-ghost-foreground)", "description": "Reference token --qhr-button-ghost-foreground (#0b6bcb)" } ] }, { "name": "--qhr-button-ghost-hover", "description": "### 🧩 `--qhr-button-ghost-hover`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#eff6ff`\n\n```css\nvar(--qhr-button-ghost-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-ghost-hover)", "description": "Reference token --qhr-button-ghost-hover (#eff6ff)" } ] }, { "name": "--qhr-button-outline-background", "description": "### 🧩 `--qhr-button-outline-background`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `transparent`\n\n```css\nvar(--qhr-button-outline-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-outline-background)", "description": "Reference token --qhr-button-outline-background (transparent)" } ] }, { "name": "--qhr-button-outline-border", "description": "### 🧩 `--qhr-button-outline-border`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-button-outline-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-outline-border)", "description": "Reference token --qhr-button-outline-border (#0b6bcb)" } ] }, { "name": "--qhr-button-outline-foreground", "description": "### 🧩 `--qhr-button-outline-foreground`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-button-outline-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-outline-foreground)", "description": "Reference token --qhr-button-outline-foreground (#0b6bcb)" } ] }, { "name": "--qhr-button-outline-hover", "description": "### 🧩 `--qhr-button-outline-hover`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#eff6ff`\n\n```css\nvar(--qhr-button-outline-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-outline-hover)", "description": "Reference token --qhr-button-outline-hover (#eff6ff)" } ] }, { "name": "--qhr-button-primary-background", "description": "### 🧩 `--qhr-button-primary-background`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-button-primary-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-primary-background)", "description": "Reference token --qhr-button-primary-background (#0b6bcb)" } ] }, { "name": "--qhr-button-primary-border", "description": "### 🧩 `--qhr-button-primary-border`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `transparent`\n\n```css\nvar(--qhr-button-primary-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-primary-border)", "description": "Reference token --qhr-button-primary-border (transparent)" } ] }, { "name": "--qhr-button-primary-foreground", "description": "### 🧩 `--qhr-button-primary-foreground`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#ffffff`\n\n```css\nvar(--qhr-button-primary-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-primary-foreground)", "description": "Reference token --qhr-button-primary-foreground (#ffffff)" } ] }, { "name": "--qhr-button-primary-hover", "description": "### 🧩 `--qhr-button-primary-hover`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0958a5`\n\n```css\nvar(--qhr-button-primary-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-primary-hover)", "description": "Reference token --qhr-button-primary-hover (#0958a5)" } ] }, { "name": "--qhr-button-secondary-background", "description": "### 🧩 `--qhr-button-secondary-background`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#f1f5f9`\n\n```css\nvar(--qhr-button-secondary-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-secondary-background)", "description": "Reference token --qhr-button-secondary-background (#f1f5f9)" } ] }, { "name": "--qhr-button-secondary-border", "description": "### 🧩 `--qhr-button-secondary-border`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#e2e8f0`\n\n```css\nvar(--qhr-button-secondary-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-secondary-border)", "description": "Reference token --qhr-button-secondary-border (#e2e8f0)" } ] }, { "name": "--qhr-button-secondary-foreground", "description": "### 🧩 `--qhr-button-secondary-foreground`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#0f172a`\n\n```css\nvar(--qhr-button-secondary-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-secondary-foreground)", "description": "Reference token --qhr-button-secondary-foreground (#0f172a)" } ] }, { "name": "--qhr-button-secondary-hover", "description": "### 🧩 `--qhr-button-secondary-hover`\n**Canonical Component Token** · الأزرار التفاعلية (Button)\n\n- **Default Value:** `#e2e8f0`\n\n```css\nvar(--qhr-button-secondary-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-button-secondary-hover)", "description": "Reference token --qhr-button-secondary-hover (#e2e8f0)" } ] }, { "name": "--qhr-card-background", "description": "### 🧩 `--qhr-card-background`\n**Canonical Component Token** · البطاقات والحاويات (Card)\n\n- **Default Value:** `#ffffff`\n\n```css\nvar(--qhr-card-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-card-background)", "description": "Reference token --qhr-card-background (#ffffff)" } ] }, { "name": "--qhr-card-border", "description": "### 🧩 `--qhr-card-border`\n**Canonical Component Token** · البطاقات والحاويات (Card)\n\n- **Default Value:** `#e2e8f0`\n\n```css\nvar(--qhr-card-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-card-border)", "description": "Reference token --qhr-card-border (#e2e8f0)" } ] }, { "name": "--qhr-card-hover_shadow", "description": "### 🧩 `--qhr-card-hover_shadow`\n**Canonical Component Token** · البطاقات والحاويات (Card)\n\n- **Default Value:** `0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)`\n\n```css\nvar(--qhr-card-hover_shadow);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-card-hover_shadow)", "description": "Reference token --qhr-card-hover_shadow (0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1))" } ] }, { "name": "--qhr-card-shadow", "description": "### 🧩 `--qhr-card-shadow`\n**Canonical Component Token** · البطاقات والحاويات (Card)\n\n- **Default Value:** `0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)`\n\n```css\nvar(--qhr-card-shadow);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-card-shadow)", "description": "Reference token --qhr-card-shadow (0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1))" } ] }, { "name": "--qhr-color-accent", "description": "### 🎯 `--qhr-color-accent`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#E2C37A`\n\n```css\nbackground-color: var(--qhr-color-accent);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-accent)", "description": "Reference token --qhr-color-accent (#E2C37A)" } ] }, { "name": "--qhr-color-accent-fg", "description": "### 🎯 `--qhr-color-accent-fg`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#0B130E`\n\n```css\nbackground-color: var(--qhr-color-accent-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-accent-fg)", "description": "Reference token --qhr-color-accent-fg (#0B130E)" } ] }, { "name": "--qhr-color-amber-100", "description": "### 🎨 `--qhr-color-amber-100`\n**Primitive Palette Token** · `amber` shade `100`\n\n- **Hex Value:** `#fef3c7`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-100)", "description": "Reference token --qhr-color-amber-100 (#fef3c7)" } ] }, { "name": "--qhr-color-amber-200", "description": "### 🎨 `--qhr-color-amber-200`\n**Primitive Palette Token** · `amber` shade `200`\n\n- **Hex Value:** `#fde68a`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-200)", "description": "Reference token --qhr-color-amber-200 (#fde68a)" } ] }, { "name": "--qhr-color-amber-300", "description": "### 🎨 `--qhr-color-amber-300`\n**Primitive Palette Token** · `amber` shade `300`\n\n- **Hex Value:** `#fcd34d`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-300);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-300)", "description": "Reference token --qhr-color-amber-300 (#fcd34d)" } ] }, { "name": "--qhr-color-amber-400", "description": "### 🎨 `--qhr-color-amber-400`\n**Primitive Palette Token** · `amber` shade `400`\n\n- **Hex Value:** `#fbbf24`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-400);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-400)", "description": "Reference token --qhr-color-amber-400 (#fbbf24)" } ] }, { "name": "--qhr-color-amber-50", "description": "### 🎨 `--qhr-color-amber-50`\n**Primitive Palette Token** · `amber` shade `50`\n\n- **Hex Value:** `#fffbeb`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-50)", "description": "Reference token --qhr-color-amber-50 (#fffbeb)" } ] }, { "name": "--qhr-color-amber-500", "description": "### 🎨 `--qhr-color-amber-500`\n**Primitive Palette Token** · `amber` shade `500`\n\n- **Hex Value:** `#f59e0b`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-500);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-500)", "description": "Reference token --qhr-color-amber-500 (#f59e0b)" } ] }, { "name": "--qhr-color-amber-600", "description": "### 🎨 `--qhr-color-amber-600`\n**Primitive Palette Token** · `amber` shade `600`\n\n- **Hex Value:** `#d97706`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-600)", "description": "Reference token --qhr-color-amber-600 (#d97706)" } ] }, { "name": "--qhr-color-amber-700", "description": "### 🎨 `--qhr-color-amber-700`\n**Primitive Palette Token** · `amber` shade `700`\n\n- **Hex Value:** `#b45309`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-700)", "description": "Reference token --qhr-color-amber-700 (#b45309)" } ] }, { "name": "--qhr-color-amber-800", "description": "### 🎨 `--qhr-color-amber-800`\n**Primitive Palette Token** · `amber` shade `800`\n\n- **Hex Value:** `#92400e`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-800);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-800)", "description": "Reference token --qhr-color-amber-800 (#92400e)" } ] }, { "name": "--qhr-color-amber-900", "description": "### 🎨 `--qhr-color-amber-900`\n**Primitive Palette Token** · `amber` shade `900`\n\n- **Hex Value:** `#78350f`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-900)", "description": "Reference token --qhr-color-amber-900 (#78350f)" } ] }, { "name": "--qhr-color-amber-950", "description": "### 🎨 `--qhr-color-amber-950`\n**Primitive Palette Token** · `amber` shade `950`\n\n- **Hex Value:** `#451a03`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-amber-950);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-amber-950)", "description": "Reference token --qhr-color-amber-950 (#451a03)" } ] }, { "name": "--qhr-color-bg", "description": "### 🎯 `--qhr-color-bg`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#09090B`\n\n```css\nbackground-color: var(--qhr-color-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-bg)", "description": "Reference token --qhr-color-bg (#09090B)" } ] }, { "name": "--qhr-color-blue-100", "description": "### 🎨 `--qhr-color-blue-100`\n**Primitive Palette Token** · `blue` shade `100`\n\n- **Hex Value:** `#dbeafe`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-100)", "description": "Reference token --qhr-color-blue-100 (#dbeafe)" } ] }, { "name": "--qhr-color-blue-200", "description": "### 🎨 `--qhr-color-blue-200`\n**Primitive Palette Token** · `blue` shade `200`\n\n- **Hex Value:** `#bfdbfe`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-200)", "description": "Reference token --qhr-color-blue-200 (#bfdbfe)" } ] }, { "name": "--qhr-color-blue-300", "description": "### 🎨 `--qhr-color-blue-300`\n**Primitive Palette Token** · `blue` shade `300`\n\n- **Hex Value:** `#93c5fd`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-300);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-300)", "description": "Reference token --qhr-color-blue-300 (#93c5fd)" } ] }, { "name": "--qhr-color-blue-400", "description": "### 🎨 `--qhr-color-blue-400`\n**Primitive Palette Token** · `blue` shade `400`\n\n- **Hex Value:** `#60a5fa`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-400);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-400)", "description": "Reference token --qhr-color-blue-400 (#60a5fa)" } ] }, { "name": "--qhr-color-blue-50", "description": "### 🎨 `--qhr-color-blue-50`\n**Primitive Palette Token** · `blue` shade `50`\n\n- **Hex Value:** `#eff6ff`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-50)", "description": "Reference token --qhr-color-blue-50 (#eff6ff)" } ] }, { "name": "--qhr-color-blue-500", "description": "### 🎨 `--qhr-color-blue-500`\n**Primitive Palette Token** · `blue` shade `500`\n\n- **Hex Value:** `#3b82f6`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-500);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-500)", "description": "Reference token --qhr-color-blue-500 (#3b82f6)" } ] }, { "name": "--qhr-color-blue-600", "description": "### 🎨 `--qhr-color-blue-600`\n**Primitive Palette Token** · `blue` shade `600`\n\n- **Hex Value:** `#0b6bcb`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-600)", "description": "Reference token --qhr-color-blue-600 (#0b6bcb)" } ] }, { "name": "--qhr-color-blue-700", "description": "### 🎨 `--qhr-color-blue-700`\n**Primitive Palette Token** · `blue` shade `700`\n\n- **Hex Value:** `#0958a5`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-700)", "description": "Reference token --qhr-color-blue-700 (#0958a5)" } ] }, { "name": "--qhr-color-blue-800", "description": "### 🎨 `--qhr-color-blue-800`\n**Primitive Palette Token** · `blue` shade `800`\n\n- **Hex Value:** `#084784`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-800);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-800)", "description": "Reference token --qhr-color-blue-800 (#084784)" } ] }, { "name": "--qhr-color-blue-900", "description": "### 🎨 `--qhr-color-blue-900`\n**Primitive Palette Token** · `blue` shade `900`\n\n- **Hex Value:** `#073b6d`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-900)", "description": "Reference token --qhr-color-blue-900 (#073b6d)" } ] }, { "name": "--qhr-color-blue-950", "description": "### 🎨 `--qhr-color-blue-950`\n**Primitive Palette Token** · `blue` shade `950`\n\n- **Hex Value:** `#042446`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-blue-950);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-blue-950)", "description": "Reference token --qhr-color-blue-950 (#042446)" } ] }, { "name": "--qhr-color-border", "description": "### 🎯 `--qhr-color-border`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `rgba(229, 195, 120, 0.22)`\n\n```css\nbackground-color: var(--qhr-color-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-border)", "description": "Reference token --qhr-color-border (rgba(229, 195, 120, 0.22))" } ] }, { "name": "--qhr-color-border-strong", "description": "### 🎯 `--qhr-color-border-strong`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `rgba(229, 195, 120, 0.35)`\n\n```css\nbackground-color: var(--qhr-color-border-strong);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-border-strong)", "description": "Reference token --qhr-color-border-strong (rgba(229, 195, 120, 0.35))" } ] }, { "name": "--qhr-color-border-subtle", "description": "### 🎯 `--qhr-color-border-subtle`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `rgba(229, 195, 120, 0.10)`\n\n```css\nbackground-color: var(--qhr-color-border-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-border-subtle)", "description": "Reference token --qhr-color-border-subtle (rgba(229, 195, 120, 0.10))" } ] }, { "name": "--qhr-color-danger", "description": "### 🎯 `--qhr-color-danger`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `var(--qhr-color-danger-bg)`\n\n```css\nbackground-color: var(--qhr-color-danger);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger)", "description": "Reference token --qhr-color-danger (var(--qhr-color-danger-bg))" } ] }, { "name": "--qhr-color-danger-50", "description": "### 🎯 `--qhr-color-danger-50`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `var(--qhr-color-rose-50, #fff1f2)`\n\n```css\nbackground-color: var(--qhr-color-danger-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-50)", "description": "Reference token --qhr-color-danger-50 (var(--qhr-color-rose-50, #fff1f2))" } ] }, { "name": "--qhr-color-danger-600", "description": "### 🎯 `--qhr-color-danger-600`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `var(--qhr-color-rose-600, #e11d48)`\n\n```css\nbackground-color: var(--qhr-color-danger-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-600)", "description": "Reference token --qhr-color-danger-600 (var(--qhr-color-rose-600, #e11d48))" } ] }, { "name": "--qhr-color-danger-700", "description": "### 🎯 `--qhr-color-danger-700`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `var(--qhr-color-rose-700, #be123c)`\n\n```css\nbackground-color: var(--qhr-color-danger-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-700)", "description": "Reference token --qhr-color-danger-700 (var(--qhr-color-rose-700, #be123c))" } ] }, { "name": "--qhr-color-danger-bg", "description": "### 🎯 `--qhr-color-danger-bg`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `#e11d48`\n\n```css\nbackground-color: var(--qhr-color-danger-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-bg)", "description": "Reference token --qhr-color-danger-bg (#e11d48)" } ] }, { "name": "--qhr-color-danger-border", "description": "### 🎯 `--qhr-color-danger-border`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `#e11d48`\n\n```css\nbackground-color: var(--qhr-color-danger-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-border)", "description": "Reference token --qhr-color-danger-border (#e11d48)" } ] }, { "name": "--qhr-color-danger-fg", "description": "### 🎯 `--qhr-color-danger-fg`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-color-danger-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-fg)", "description": "Reference token --qhr-color-danger-fg (#ffffff)" } ] }, { "name": "--qhr-color-danger-hover", "description": "### 🎯 `--qhr-color-danger-hover`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `#be123c`\n\n```css\nbackground-color: var(--qhr-color-danger-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-hover)", "description": "Reference token --qhr-color-danger-hover (#be123c)" } ] }, { "name": "--qhr-color-danger-subtle", "description": "### 🎯 `--qhr-color-danger-subtle`\n**لون دلالي سياقي · لون الخطر والعمليات غير القابلة للتراجع**\n\n- **Intent:** Destructive buttons, critical error banners, delete confirmation, alerts\n- **Invariance Rule:** Requires explicit user confirmation; never use for positive navigation.\n- **Default (Day):** `#fff1f2`\n\n```css\nbackground-color: var(--qhr-color-danger-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-danger-subtle)", "description": "Reference token --qhr-color-danger-subtle (#fff1f2)" } ] }, { "name": "--qhr-color-emerald-100", "description": "### 🎨 `--qhr-color-emerald-100`\n**Primitive Palette Token** · `emerald` shade `100`\n\n- **Hex Value:** `#d1fae5`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-100)", "description": "Reference token --qhr-color-emerald-100 (#d1fae5)" } ] }, { "name": "--qhr-color-emerald-200", "description": "### 🎨 `--qhr-color-emerald-200`\n**Primitive Palette Token** · `emerald` shade `200`\n\n- **Hex Value:** `#a7f3d0`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-200)", "description": "Reference token --qhr-color-emerald-200 (#a7f3d0)" } ] }, { "name": "--qhr-color-emerald-300", "description": "### 🎨 `--qhr-color-emerald-300`\n**Primitive Palette Token** · `emerald` shade `300`\n\n- **Hex Value:** `#6ee7b7`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-300);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-300)", "description": "Reference token --qhr-color-emerald-300 (#6ee7b7)" } ] }, { "name": "--qhr-color-emerald-400", "description": "### 🎨 `--qhr-color-emerald-400`\n**Primitive Palette Token** · `emerald` shade `400`\n\n- **Hex Value:** `#34d399`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-400);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-400)", "description": "Reference token --qhr-color-emerald-400 (#34d399)" } ] }, { "name": "--qhr-color-emerald-50", "description": "### 🎨 `--qhr-color-emerald-50`\n**Primitive Palette Token** · `emerald` shade `50`\n\n- **Hex Value:** `#ecfdf5`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-50)", "description": "Reference token --qhr-color-emerald-50 (#ecfdf5)" } ] }, { "name": "--qhr-color-emerald-500", "description": "### 🎨 `--qhr-color-emerald-500`\n**Primitive Palette Token** · `emerald` shade `500`\n\n- **Hex Value:** `#10b981`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-500);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-500)", "description": "Reference token --qhr-color-emerald-500 (#10b981)" } ] }, { "name": "--qhr-color-emerald-600", "description": "### 🎨 `--qhr-color-emerald-600`\n**Primitive Palette Token** · `emerald` shade `600`\n\n- **Hex Value:** `#059669`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-600)", "description": "Reference token --qhr-color-emerald-600 (#059669)" } ] }, { "name": "--qhr-color-emerald-700", "description": "### 🎨 `--qhr-color-emerald-700`\n**Primitive Palette Token** · `emerald` shade `700`\n\n- **Hex Value:** `#047857`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-700)", "description": "Reference token --qhr-color-emerald-700 (#047857)" } ] }, { "name": "--qhr-color-emerald-800", "description": "### 🎨 `--qhr-color-emerald-800`\n**Primitive Palette Token** · `emerald` shade `800`\n\n- **Hex Value:** `#065f46`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-800);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-800)", "description": "Reference token --qhr-color-emerald-800 (#065f46)" } ] }, { "name": "--qhr-color-emerald-900", "description": "### 🎨 `--qhr-color-emerald-900`\n**Primitive Palette Token** · `emerald` shade `900`\n\n- **Hex Value:** `#064e3b`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-900)", "description": "Reference token --qhr-color-emerald-900 (#064e3b)" } ] }, { "name": "--qhr-color-emerald-950", "description": "### 🎨 `--qhr-color-emerald-950`\n**Primitive Palette Token** · `emerald` shade `950`\n\n- **Hex Value:** `#022c22`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-emerald-950);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-emerald-950)", "description": "Reference token --qhr-color-emerald-950 (#022c22)" } ] }, { "name": "--qhr-color-info-bg", "description": "### 🎯 `--qhr-color-info-bg`\n**لون دلالي سياقي · لون الإعلانات والمعلومات السياقية**\n\n- **Intent:** System announcements, helpful tips, informational alerts, guide banners\n- **Invariance Rule:** Provides auxiliary guidance without demanding immediate action.\n- **Default (Day):** `#0b6bcb`\n\n```css\nbackground-color: var(--qhr-color-info-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-info-bg)", "description": "Reference token --qhr-color-info-bg (#0b6bcb)" } ] }, { "name": "--qhr-color-info-border", "description": "### 🎯 `--qhr-color-info-border`\n**لون دلالي سياقي · لون الإعلانات والمعلومات السياقية**\n\n- **Intent:** System announcements, helpful tips, informational alerts, guide banners\n- **Invariance Rule:** Provides auxiliary guidance without demanding immediate action.\n- **Default (Day):** `#0b6bcb`\n\n```css\nbackground-color: var(--qhr-color-info-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-info-border)", "description": "Reference token --qhr-color-info-border (#0b6bcb)" } ] }, { "name": "--qhr-color-info-fg", "description": "### 🎯 `--qhr-color-info-fg`\n**لون دلالي سياقي · لون الإعلانات والمعلومات السياقية**\n\n- **Intent:** System announcements, helpful tips, informational alerts, guide banners\n- **Invariance Rule:** Provides auxiliary guidance without demanding immediate action.\n- **Default (Day):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-color-info-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-info-fg)", "description": "Reference token --qhr-color-info-fg (#ffffff)" } ] }, { "name": "--qhr-color-info-hover", "description": "### 🎯 `--qhr-color-info-hover`\n**لون دلالي سياقي · لون الإعلانات والمعلومات السياقية**\n\n- **Intent:** System announcements, helpful tips, informational alerts, guide banners\n- **Invariance Rule:** Provides auxiliary guidance without demanding immediate action.\n- **Default (Day):** `#0958a5`\n\n```css\nbackground-color: var(--qhr-color-info-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-info-hover)", "description": "Reference token --qhr-color-info-hover (#0958a5)" } ] }, { "name": "--qhr-color-info-subtle", "description": "### 🎯 `--qhr-color-info-subtle`\n**لون دلالي سياقي · لون الإعلانات والمعلومات السياقية**\n\n- **Intent:** System announcements, helpful tips, informational alerts, guide banners\n- **Invariance Rule:** Provides auxiliary guidance without demanding immediate action.\n- **Default (Day):** `#eff6ff`\n\n```css\nbackground-color: var(--qhr-color-info-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-info-subtle)", "description": "Reference token --qhr-color-info-subtle (#eff6ff)" } ] }, { "name": "--qhr-color-khesbed-active", "description": "### 🏛️ `--qhr-color-khesbed-active`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `active`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#061C31`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-active)", "description": "Reference token --qhr-color-khesbed-active (#061C31)" } ] }, { "name": "--qhr-color-khesbed-arabic", "description": "### 🏛️ `--qhr-color-khesbed-arabic`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `arabic`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `الخِسبِد`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-khesbed-arabic)", "description": "Reference token --qhr-color-khesbed-arabic (الخِسبِد)" } ] }, { "name": "--qhr-color-khesbed-base", "description": "### 🏛️ `--qhr-color-khesbed-base`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `base`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#0E3C66`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-khesbed-base);\nbackground-color: var(--qhr-color-khesbed-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-base)", "description": "Reference token --qhr-color-khesbed-base (#0E3C66)" } ] }, { "name": "--qhr-color-khesbed-foreground", "description": "### 🏛️ `--qhr-color-khesbed-foreground`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `foreground`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#FFFFFF`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-khesbed-foreground);\nbackground-color: var(--qhr-color-khesbed-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-foreground)", "description": "Reference token --qhr-color-khesbed-foreground (#FFFFFF)" } ] }, { "name": "--qhr-color-khesbed-hover", "description": "### 🏛️ `--qhr-color-khesbed-hover`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `hover`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#092947`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-hover)", "description": "Reference token --qhr-color-khesbed-hover (#092947)" } ] }, { "name": "--qhr-color-khesbed-light", "description": "### 🏛️ `--qhr-color-khesbed-light`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `light`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#BAD4EB`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-light)", "description": "Reference token --qhr-color-khesbed-light (#BAD4EB)" } ] }, { "name": "--qhr-color-khesbed-meaning", "description": "### 🏛️ `--qhr-color-khesbed-meaning`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `meaning`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-khesbed-meaning)", "description": "Reference token --qhr-color-khesbed-meaning (Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity)" } ] }, { "name": "--qhr-color-khesbed-name", "description": "### 🏛️ `--qhr-color-khesbed-name`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `name`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `Khesbed`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-khesbed-name)", "description": "Reference token --qhr-color-khesbed-name (Khesbed)" } ] }, { "name": "--qhr-color-khesbed-rgb", "description": "### 🏛️ `--qhr-color-khesbed-rgb`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `rgb`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `14, 60, 102`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-khesbed-rgb)", "description": "Reference token --qhr-color-khesbed-rgb (14, 60, 102)" } ] }, { "name": "--qhr-color-khesbed-surface", "description": "### 🏛️ `--qhr-color-khesbed-surface`\n**خام فرعوني تراثي · الخِسبِد** (Khesbed) · Role: `surface`\n> **المعنى التراثي:** Royal Lapis Lazuli Cobalt of Deep Intellect, Truth, and Clarity (لازورد الحكمة والصفاء الفكري الأزرق الملكي العميق)\n\n**Heritage DNA:** Lapis Lazuli (Khesbed) was prized above all stones for sacred royal amulets, symbolizing cosmic truth and celestial insight.\n\n- **Default Value:** `#E7F0F8`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-khesbed-surface);\nbackground-color: var(--qhr-color-khesbed-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-khesbed-surface)", "description": "Reference token --qhr-color-khesbed-surface (#E7F0F8)" } ] }, { "name": "--qhr-color-kohl-arabic", "description": "### 🏛️ `--qhr-color-kohl-arabic`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `arabic`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `الكحل`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-kohl-arabic)", "description": "Reference token --qhr-color-kohl-arabic (الكحل)" } ] }, { "name": "--qhr-color-kohl-base", "description": "### 🏛️ `--qhr-color-kohl-base`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `base`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `#0D1412`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-kohl-base);\nbackground-color: var(--qhr-color-kohl-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-kohl-base)", "description": "Reference token --qhr-color-kohl-base (#0D1412)" } ] }, { "name": "--qhr-color-kohl-border", "description": "### 🏛️ `--qhr-color-kohl-border`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `border`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `#24322D`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-kohl-border)", "description": "Reference token --qhr-color-kohl-border (#24322D)" } ] }, { "name": "--qhr-color-kohl-foreground", "description": "### 🏛️ `--qhr-color-kohl-foreground`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `foreground`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `#F8FAF9`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-kohl-foreground);\nbackground-color: var(--qhr-color-kohl-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-kohl-foreground)", "description": "Reference token --qhr-color-kohl-foreground (#F8FAF9)" } ] }, { "name": "--qhr-color-kohl-meaning", "description": "### 🏛️ `--qhr-color-kohl-meaning`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `meaning`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `Deep Egyptian Mineral Black and Obsidian Contrast`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-kohl-meaning)", "description": "Reference token --qhr-color-kohl-meaning (Deep Egyptian Mineral Black and Obsidian Contrast)" } ] }, { "name": "--qhr-color-kohl-name", "description": "### 🏛️ `--qhr-color-kohl-name`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `name`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `Kohl`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-kohl-name)", "description": "Reference token --qhr-color-kohl-name (Kohl)" } ] }, { "name": "--qhr-color-kohl-rgb", "description": "### 🏛️ `--qhr-color-kohl-rgb`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `rgb`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `13, 20, 18`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-kohl-rgb)", "description": "Reference token --qhr-color-kohl-rgb (13, 20, 18)" } ] }, { "name": "--qhr-color-kohl-surface", "description": "### 🏛️ `--qhr-color-kohl-surface`\n**خام فرعوني تراثي · الكحل** (Kohl) · Role: `surface`\n> **المعنى التراثي:** Deep Egyptian Mineral Black and Obsidian Contrast (معدن الكحل الأسود العميق والتباين الحاد للعينين)\n\n**Heritage DNA:** Galena and mineral Kohl protected the eyes from desert glare and emphasized sharp focus and vigilance.\n\n- **Default Value:** `#141D1A`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-kohl-surface);\nbackground-color: var(--qhr-color-kohl-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-kohl-surface)", "description": "Reference token --qhr-color-kohl-surface (#141D1A)" } ] }, { "name": "--qhr-color-nebu-active", "description": "### 🏛️ `--qhr-color-nebu-active`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `active`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#8A5A0A`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-active)", "description": "Reference token --qhr-color-nebu-active (#8A5A0A)" } ] }, { "name": "--qhr-color-nebu-arabic", "description": "### 🏛️ `--qhr-color-nebu-arabic`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `arabic`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `النِبو`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-nebu-arabic)", "description": "Reference token --qhr-color-nebu-arabic (النِبو)" } ] }, { "name": "--qhr-color-nebu-base", "description": "### 🏛️ `--qhr-color-nebu-base`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `base`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#C98818`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-nebu-base);\nbackground-color: var(--qhr-color-nebu-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-base)", "description": "Reference token --qhr-color-nebu-base (#C98818)" } ] }, { "name": "--qhr-color-nebu-foreground", "description": "### 🏛️ `--qhr-color-nebu-foreground`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `foreground`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#181307`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-nebu-foreground);\nbackground-color: var(--qhr-color-nebu-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-foreground)", "description": "Reference token --qhr-color-nebu-foreground (#181307)" } ] }, { "name": "--qhr-color-nebu-hover", "description": "### 🏛️ `--qhr-color-nebu-hover`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `hover`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#A86F0F`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-hover)", "description": "Reference token --qhr-color-nebu-hover (#A86F0F)" } ] }, { "name": "--qhr-color-nebu-light", "description": "### 🏛️ `--qhr-color-nebu-light`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `light`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#F5D79E`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-light)", "description": "Reference token --qhr-color-nebu-light (#F5D79E)" } ] }, { "name": "--qhr-color-nebu-meaning", "description": "### 🏛️ `--qhr-color-nebu-meaning`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `meaning`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-nebu-meaning)", "description": "Reference token --qhr-color-nebu-meaning (Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility)" } ] }, { "name": "--qhr-color-nebu-name", "description": "### 🏛️ `--qhr-color-nebu-name`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `name`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `Nebu`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-nebu-name)", "description": "Reference token --qhr-color-nebu-name (Nebu)" } ] }, { "name": "--qhr-color-nebu-rgb", "description": "### 🏛️ `--qhr-color-nebu-rgb`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `rgb`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `201, 136, 24`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-nebu-rgb)", "description": "Reference token --qhr-color-nebu-rgb (201, 136, 24)" } ] }, { "name": "--qhr-color-nebu-surface", "description": "### 🏛️ `--qhr-color-nebu-surface`\n**خام فرعوني تراثي · النِبو** (Nebu) · Role: `surface`\n> **المعنى التراثي:** Sacred Sun Gold of Royalty, High Prestige, and Incorruptibility (ذهب الشمس الإلهي الملكي الخالص الذي لا يبلى)\n\n**Heritage DNA:** Gold (Nebu) was considered the flesh of the gods in ancient Egypt, conveying incorruptible prestige and supreme authority.\n\n- **Default Value:** `#FDF4E3`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-nebu-surface);\nbackground-color: var(--qhr-color-nebu-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-nebu-surface)", "description": "Reference token --qhr-color-nebu-surface (#FDF4E3)" } ] }, { "name": "--qhr-color-neutral-100", "description": "### 🎯 `--qhr-color-neutral-100`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `var(--qhr-color-slate-100, #f1f5f9)`\n- **Dual-Mode (Night):** `var(--qhr-color-slate-800, #1e293b)`\n\n```css\nbackground-color: var(--qhr-color-neutral-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-100)", "description": "Reference token --qhr-color-neutral-100 (var(--qhr-color-slate-100, #f1f5f9))" } ] }, { "name": "--qhr-color-neutral-200", "description": "### 🎯 `--qhr-color-neutral-200`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `var(--qhr-color-slate-200, #e2e8f0)`\n- **Dual-Mode (Night):** `var(--qhr-color-slate-700, #334155)`\n\n```css\nbackground-color: var(--qhr-color-neutral-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-200)", "description": "Reference token --qhr-color-neutral-200 (var(--qhr-color-slate-200, #e2e8f0))" } ] }, { "name": "--qhr-color-neutral-900", "description": "### 🎯 `--qhr-color-neutral-900`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `var(--qhr-color-slate-900, #0f172a)`\n- **Dual-Mode (Night):** `var(--qhr-color-slate-50, #f8fafc)`\n\n```css\nbackground-color: var(--qhr-color-neutral-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-900)", "description": "Reference token --qhr-color-neutral-900 (var(--qhr-color-slate-900, #0f172a))" } ] }, { "name": "--qhr-color-neutral-bg", "description": "### 🎯 `--qhr-color-neutral-bg`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#f8fafc`\n\n```css\nbackground-color: var(--qhr-color-neutral-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-bg)", "description": "Reference token --qhr-color-neutral-bg (#f8fafc)" } ] }, { "name": "--qhr-color-neutral-border", "description": "### 🎯 `--qhr-color-neutral-border`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#e2e8f0`\n\n```css\nbackground-color: var(--qhr-color-neutral-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-border)", "description": "Reference token --qhr-color-neutral-border (#e2e8f0)" } ] }, { "name": "--qhr-color-neutral-fg", "description": "### 🎯 `--qhr-color-neutral-fg`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#0f172a`\n\n```css\nbackground-color: var(--qhr-color-neutral-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-fg)", "description": "Reference token --qhr-color-neutral-fg (#0f172a)" } ] }, { "name": "--qhr-color-neutral-hover", "description": "### 🎯 `--qhr-color-neutral-hover`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#f1f5f9`\n\n```css\nbackground-color: var(--qhr-color-neutral-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-hover)", "description": "Reference token --qhr-color-neutral-hover (#f1f5f9)" } ] }, { "name": "--qhr-color-neutral-muted", "description": "### 🎯 `--qhr-color-neutral-muted`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#94a3b8`\n\n```css\nbackground-color: var(--qhr-color-neutral-muted);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-muted)", "description": "Reference token --qhr-color-neutral-muted (#94a3b8)" } ] }, { "name": "--qhr-color-neutral-subtle", "description": "### 🎯 `--qhr-color-neutral-subtle`\n**لون دلالي سياقي · التدرج المحايد للهيكل والبطاقات**\n\n- **Intent:** Cards, borders, subtle backgrounds, dividers, inactive states\n- **Invariance Rule:** Maintains balanced visual contrast across day and night themes.\n- **Default (Day):** `#f1f5f9`\n\n```css\nbackground-color: var(--qhr-color-neutral-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-neutral-subtle)", "description": "Reference token --qhr-color-neutral-subtle (#f1f5f9)" } ] }, { "name": "--qhr-color-papyrus-active", "description": "### 🏛️ `--qhr-color-papyrus-active`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `active`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#E8E0CE`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-active)", "description": "Reference token --qhr-color-papyrus-active (#E8E0CE)" } ] }, { "name": "--qhr-color-papyrus-arabic", "description": "### 🏛️ `--qhr-color-papyrus-arabic`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `arabic`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `البردي`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-papyrus-arabic)", "description": "Reference token --qhr-color-papyrus-arabic (البردي)" } ] }, { "name": "--qhr-color-papyrus-base", "description": "### 🏛️ `--qhr-color-papyrus-base`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `base`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#FAF8F2`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-papyrus-base);\nbackground-color: var(--qhr-color-papyrus-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-base)", "description": "Reference token --qhr-color-papyrus-base (#FAF8F2)" } ] }, { "name": "--qhr-color-papyrus-border", "description": "### 🏛️ `--qhr-color-papyrus-border`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `border`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#E2DAC8`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-border)", "description": "Reference token --qhr-color-papyrus-border (#E2DAC8)" } ] }, { "name": "--qhr-color-papyrus-foreground", "description": "### 🏛️ `--qhr-color-papyrus-foreground`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `foreground`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#121F1B`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-papyrus-foreground);\nbackground-color: var(--qhr-color-papyrus-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-foreground)", "description": "Reference token --qhr-color-papyrus-foreground (#121F1B)" } ] }, { "name": "--qhr-color-papyrus-hover", "description": "### 🏛️ `--qhr-color-papyrus-hover`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `hover`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#F2EDE0`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-hover)", "description": "Reference token --qhr-color-papyrus-hover (#F2EDE0)" } ] }, { "name": "--qhr-color-papyrus-meaning", "description": "### 🏛️ `--qhr-color-papyrus-meaning`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `meaning`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `Archival Papyrus Sand and Parchment Editorial Surfaces`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-papyrus-meaning)", "description": "Reference token --qhr-color-papyrus-meaning (Archival Papyrus Sand and Parchment Editorial Surfaces)" } ] }, { "name": "--qhr-color-papyrus-name", "description": "### 🏛️ `--qhr-color-papyrus-name`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `name`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `Papyrus`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-papyrus-name)", "description": "Reference token --qhr-color-papyrus-name (Papyrus)" } ] }, { "name": "--qhr-color-papyrus-rgb", "description": "### 🏛️ `--qhr-color-papyrus-rgb`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `rgb`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `250, 248, 242`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-papyrus-rgb)", "description": "Reference token --qhr-color-papyrus-rgb (250, 248, 242)" } ] }, { "name": "--qhr-color-papyrus-surface", "description": "### 🏛️ `--qhr-color-papyrus-surface`\n**خام فرعوني تراثي · البردي** (Papyrus) · Role: `surface`\n> **المعنى التراثي:** Archival Papyrus Sand and Parchment Editorial Surfaces (رمل ورق البردي الأرشيفي والأسطح التحريرية العريقة)\n\n**Heritage DNA:** Papyrus sheets preserved thousands of years of human wisdom, contracts, mathematics, and administrative literature.\n\n- **Default Value:** `#FFFFFF`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-papyrus-surface);\nbackground-color: var(--qhr-color-papyrus-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-papyrus-surface)", "description": "Reference token --qhr-color-papyrus-surface (#FFFFFF)" } ] }, { "name": "--qhr-color-primary", "description": "### 🎯 `--qhr-color-primary`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `var(--qhr-color-primary-bg)`\n- **Dual-Mode (Night):** `var(--qhr-color-blue-500, #3b82f6)`\n\n```css\nbackground-color: var(--qhr-color-primary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary)", "description": "Reference token --qhr-color-primary (var(--qhr-color-primary-bg))" } ] }, { "name": "--qhr-color-primary-50", "description": "### 🎯 `--qhr-color-primary-50`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `var(--qhr-color-blue-50, #eff6ff)`\n\n```css\nbackground-color: var(--qhr-color-primary-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-50)", "description": "Reference token --qhr-color-primary-50 (var(--qhr-color-blue-50, #eff6ff))" } ] }, { "name": "--qhr-color-primary-600", "description": "### 🎯 `--qhr-color-primary-600`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `var(--qhr-color-blue-600, #0b6bcb)`\n- **Dual-Mode (Night):** `var(--qhr-color-blue-500, #3b82f6)`\n\n```css\nbackground-color: var(--qhr-color-primary-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-600)", "description": "Reference token --qhr-color-primary-600 (var(--qhr-color-blue-600, #0b6bcb))" } ] }, { "name": "--qhr-color-primary-700", "description": "### 🎯 `--qhr-color-primary-700`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `var(--qhr-color-blue-700, #0958a5)`\n- **Dual-Mode (Night):** `var(--qhr-color-blue-600, #0b6bcb)`\n\n```css\nbackground-color: var(--qhr-color-primary-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-700)", "description": "Reference token --qhr-color-primary-700 (var(--qhr-color-blue-700, #0958a5))" } ] }, { "name": "--qhr-color-primary-bg", "description": "### 🎯 `--qhr-color-primary-bg`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `#0b6bcb`\n\n```css\nbackground-color: var(--qhr-color-primary-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-bg)", "description": "Reference token --qhr-color-primary-bg (#0b6bcb)" } ] }, { "name": "--qhr-color-primary-border", "description": "### 🎯 `--qhr-color-primary-border`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `#0b6bcb`\n\n```css\nbackground-color: var(--qhr-color-primary-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-border)", "description": "Reference token --qhr-color-primary-border (#0b6bcb)" } ] }, { "name": "--qhr-color-primary-fg", "description": "### 🎯 `--qhr-color-primary-fg`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-color-primary-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-fg)", "description": "Reference token --qhr-color-primary-fg (#ffffff)" } ] }, { "name": "--qhr-color-primary-focus", "description": "### 🎯 `--qhr-color-primary-focus`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `rgba(229, 195, 120, 0.35)`\n\n```css\nbackground-color: var(--qhr-color-primary-focus);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-focus)", "description": "Reference token --qhr-color-primary-focus (rgba(229, 195, 120, 0.35))" } ] }, { "name": "--qhr-color-primary-hover", "description": "### 🎯 `--qhr-color-primary-hover`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `#0958a5`\n\n```css\nbackground-color: var(--qhr-color-primary-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-hover)", "description": "Reference token --qhr-color-primary-hover (#0958a5)" } ] }, { "name": "--qhr-color-primary-subtle", "description": "### 🎯 `--qhr-color-primary-subtle`\n**لون دلالي سياقي · اللون الأساسي للهوية والتركيز**\n\n- **Intent:** Main calls to action, active navigation tabs, selected states, focal interactions\n- **Invariance Rule:** Avoid for destructive or deletion actions; reserve for prime focus.\n- **Default (Day):** `#eff6ff`\n\n```css\nbackground-color: var(--qhr-color-primary-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-primary-subtle)", "description": "Reference token --qhr-color-primary-subtle (#eff6ff)" } ] }, { "name": "--qhr-color-rose-100", "description": "### 🎨 `--qhr-color-rose-100`\n**Primitive Palette Token** · `rose` shade `100`\n\n- **Hex Value:** `#ffe4e6`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-100)", "description": "Reference token --qhr-color-rose-100 (#ffe4e6)" } ] }, { "name": "--qhr-color-rose-200", "description": "### 🎨 `--qhr-color-rose-200`\n**Primitive Palette Token** · `rose` shade `200`\n\n- **Hex Value:** `#fecdd3`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-200)", "description": "Reference token --qhr-color-rose-200 (#fecdd3)" } ] }, { "name": "--qhr-color-rose-300", "description": "### 🎨 `--qhr-color-rose-300`\n**Primitive Palette Token** · `rose` shade `300`\n\n- **Hex Value:** `#fda4af`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-300);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-300)", "description": "Reference token --qhr-color-rose-300 (#fda4af)" } ] }, { "name": "--qhr-color-rose-400", "description": "### 🎨 `--qhr-color-rose-400`\n**Primitive Palette Token** · `rose` shade `400`\n\n- **Hex Value:** `#fb7185`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-400);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-400)", "description": "Reference token --qhr-color-rose-400 (#fb7185)" } ] }, { "name": "--qhr-color-rose-50", "description": "### 🎨 `--qhr-color-rose-50`\n**Primitive Palette Token** · `rose` shade `50`\n\n- **Hex Value:** `#fff1f2`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-50)", "description": "Reference token --qhr-color-rose-50 (#fff1f2)" } ] }, { "name": "--qhr-color-rose-500", "description": "### 🎨 `--qhr-color-rose-500`\n**Primitive Palette Token** · `rose` shade `500`\n\n- **Hex Value:** `#f43f5e`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-500);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-500)", "description": "Reference token --qhr-color-rose-500 (#f43f5e)" } ] }, { "name": "--qhr-color-rose-600", "description": "### 🎨 `--qhr-color-rose-600`\n**Primitive Palette Token** · `rose` shade `600`\n\n- **Hex Value:** `#e11d48`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-600)", "description": "Reference token --qhr-color-rose-600 (#e11d48)" } ] }, { "name": "--qhr-color-rose-700", "description": "### 🎨 `--qhr-color-rose-700`\n**Primitive Palette Token** · `rose` shade `700`\n\n- **Hex Value:** `#be123c`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-700)", "description": "Reference token --qhr-color-rose-700 (#be123c)" } ] }, { "name": "--qhr-color-rose-800", "description": "### 🎨 `--qhr-color-rose-800`\n**Primitive Palette Token** · `rose` shade `800`\n\n- **Hex Value:** `#9f1239`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-800);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-800)", "description": "Reference token --qhr-color-rose-800 (#9f1239)" } ] }, { "name": "--qhr-color-rose-900", "description": "### 🎨 `--qhr-color-rose-900`\n**Primitive Palette Token** · `rose` shade `900`\n\n- **Hex Value:** `#881337`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-900)", "description": "Reference token --qhr-color-rose-900 (#881337)" } ] }, { "name": "--qhr-color-rose-950", "description": "### 🎨 `--qhr-color-rose-950`\n**Primitive Palette Token** · `rose` shade `950`\n\n- **Hex Value:** `#4c0519`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-rose-950);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-rose-950)", "description": "Reference token --qhr-color-rose-950 (#4c0519)" } ] }, { "name": "--qhr-color-secondary", "description": "### 🎯 `--qhr-color-secondary`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `var(--qhr-color-secondary-bg)`\n\n```css\nbackground-color: var(--qhr-color-secondary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary)", "description": "Reference token --qhr-color-secondary (var(--qhr-color-secondary-bg))" } ] }, { "name": "--qhr-color-secondary-bg", "description": "### 🎯 `--qhr-color-secondary-bg`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `#f1f5f9`\n- **Dual-Mode (Night):** `#1e293b`\n\n```css\nbackground-color: var(--qhr-color-secondary-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary-bg)", "description": "Reference token --qhr-color-secondary-bg (#f1f5f9)" } ] }, { "name": "--qhr-color-secondary-border", "description": "### 🎯 `--qhr-color-secondary-border`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `#e2e8f0`\n- **Dual-Mode (Night):** `#334155`\n\n```css\nbackground-color: var(--qhr-color-secondary-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary-border)", "description": "Reference token --qhr-color-secondary-border (#e2e8f0)" } ] }, { "name": "--qhr-color-secondary-fg", "description": "### 🎯 `--qhr-color-secondary-fg`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `#0f172a`\n- **Dual-Mode (Night):** `#f8fafc`\n\n```css\nbackground-color: var(--qhr-color-secondary-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary-fg)", "description": "Reference token --qhr-color-secondary-fg (#0f172a)" } ] }, { "name": "--qhr-color-secondary-hover", "description": "### 🎯 `--qhr-color-secondary-hover`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `#e2e8f0`\n- **Dual-Mode (Night):** `#334155`\n\n```css\nbackground-color: var(--qhr-color-secondary-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary-hover)", "description": "Reference token --qhr-color-secondary-hover (#e2e8f0)" } ] }, { "name": "--qhr-color-secondary-subtle", "description": "### 🎯 `--qhr-color-secondary-subtle`\n**لون دلالي سياقي · اللون الثانوي والعناصر المساعدة**\n\n- **Intent:** Cancel buttons, secondary options, alternative workflows, subtle controls\n- **Invariance Rule:** Pair with primary buttons to establish clear visual hierarchy.\n- **Default (Day):** `#f8fafc`\n\n```css\nbackground-color: var(--qhr-color-secondary-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-secondary-subtle)", "description": "Reference token --qhr-color-secondary-subtle (#f8fafc)" } ] }, { "name": "--qhr-color-slate-100", "description": "### 🎨 `--qhr-color-slate-100`\n**Primitive Palette Token** · `slate` shade `100`\n\n- **Hex Value:** `#f1f5f9`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-100);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-100)", "description": "Reference token --qhr-color-slate-100 (#f1f5f9)" } ] }, { "name": "--qhr-color-slate-200", "description": "### 🎨 `--qhr-color-slate-200`\n**Primitive Palette Token** · `slate` shade `200`\n\n- **Hex Value:** `#e2e8f0`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-200);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-200)", "description": "Reference token --qhr-color-slate-200 (#e2e8f0)" } ] }, { "name": "--qhr-color-slate-300", "description": "### 🎨 `--qhr-color-slate-300`\n**Primitive Palette Token** · `slate` shade `300`\n\n- **Hex Value:** `#cbd5e1`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-300);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-300)", "description": "Reference token --qhr-color-slate-300 (#cbd5e1)" } ] }, { "name": "--qhr-color-slate-400", "description": "### 🎨 `--qhr-color-slate-400`\n**Primitive Palette Token** · `slate` shade `400`\n\n- **Hex Value:** `#94a3b8`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-400);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-400)", "description": "Reference token --qhr-color-slate-400 (#94a3b8)" } ] }, { "name": "--qhr-color-slate-50", "description": "### 🎨 `--qhr-color-slate-50`\n**Primitive Palette Token** · `slate` shade `50`\n\n- **Hex Value:** `#f8fafc`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-50)", "description": "Reference token --qhr-color-slate-50 (#f8fafc)" } ] }, { "name": "--qhr-color-slate-500", "description": "### 🎨 `--qhr-color-slate-500`\n**Primitive Palette Token** · `slate` shade `500`\n\n- **Hex Value:** `#64748b`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-500);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-500)", "description": "Reference token --qhr-color-slate-500 (#64748b)" } ] }, { "name": "--qhr-color-slate-600", "description": "### 🎨 `--qhr-color-slate-600`\n**Primitive Palette Token** · `slate` shade `600`\n\n- **Hex Value:** `#475569`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-600)", "description": "Reference token --qhr-color-slate-600 (#475569)" } ] }, { "name": "--qhr-color-slate-700", "description": "### 🎨 `--qhr-color-slate-700`\n**Primitive Palette Token** · `slate` shade `700`\n\n- **Hex Value:** `#334155`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-700);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-700)", "description": "Reference token --qhr-color-slate-700 (#334155)" } ] }, { "name": "--qhr-color-slate-800", "description": "### 🎨 `--qhr-color-slate-800`\n**Primitive Palette Token** · `slate` shade `800`\n\n- **Hex Value:** `#1e293b`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-800);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-800)", "description": "Reference token --qhr-color-slate-800 (#1e293b)" } ] }, { "name": "--qhr-color-slate-900", "description": "### 🎨 `--qhr-color-slate-900`\n**Primitive Palette Token** · `slate` shade `900`\n\n- **Hex Value:** `#0f172a`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-900);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-900)", "description": "Reference token --qhr-color-slate-900 (#0f172a)" } ] }, { "name": "--qhr-color-slate-950", "description": "### 🎨 `--qhr-color-slate-950`\n**Primitive Palette Token** · `slate` shade `950`\n\n- **Hex Value:** `#020617`\n\n*Note: In component code, prefer semantic tokens like `--qhr-color-primary` over raw primitives.*\n\n```css\ncolor: var(--qhr-color-slate-950);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-slate-950)", "description": "Reference token --qhr-color-slate-950 (#020617)" } ] }, { "name": "--qhr-color-success-50", "description": "### 🎯 `--qhr-color-success-50`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `var(--qhr-color-emerald-50, #ecfdf5)`\n\n```css\nbackground-color: var(--qhr-color-success-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-50)", "description": "Reference token --qhr-color-success-50 (var(--qhr-color-emerald-50, #ecfdf5))" } ] }, { "name": "--qhr-color-success-600", "description": "### 🎯 `--qhr-color-success-600`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `var(--qhr-color-emerald-600, #059669)`\n\n```css\nbackground-color: var(--qhr-color-success-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-600)", "description": "Reference token --qhr-color-success-600 (var(--qhr-color-emerald-600, #059669))" } ] }, { "name": "--qhr-color-success-bg", "description": "### 🎯 `--qhr-color-success-bg`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `#059669`\n\n```css\nbackground-color: var(--qhr-color-success-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-bg)", "description": "Reference token --qhr-color-success-bg (#059669)" } ] }, { "name": "--qhr-color-success-border", "description": "### 🎯 `--qhr-color-success-border`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `#059669`\n\n```css\nbackground-color: var(--qhr-color-success-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-border)", "description": "Reference token --qhr-color-success-border (#059669)" } ] }, { "name": "--qhr-color-success-fg", "description": "### 🎯 `--qhr-color-success-fg`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-color-success-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-fg)", "description": "Reference token --qhr-color-success-fg (#ffffff)" } ] }, { "name": "--qhr-color-success-hover", "description": "### 🎯 `--qhr-color-success-hover`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `#047857`\n\n```css\nbackground-color: var(--qhr-color-success-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-hover)", "description": "Reference token --qhr-color-success-hover (#047857)" } ] }, { "name": "--qhr-color-success-subtle", "description": "### 🎯 `--qhr-color-success-subtle`\n**لون دلالي سياقي · لون التأكيد والإنجاز الإيجابي**\n\n- **Intent:** Success banners, completed badges, verified statuses, positive metrics\n- **Invariance Rule:** Signals completed operations and safe states.\n- **Default (Day):** `#ecfdf5`\n\n```css\nbackground-color: var(--qhr-color-success-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-success-subtle)", "description": "Reference token --qhr-color-success-subtle (#ecfdf5)" } ] }, { "name": "--qhr-color-surface", "description": "### 🎯 `--qhr-color-surface`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#121216`\n\n```css\nbackground-color: var(--qhr-color-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-surface)", "description": "Reference token --qhr-color-surface (#121216)" } ] }, { "name": "--qhr-color-surface-elevated", "description": "### 🎯 `--qhr-color-surface-elevated`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#1C1C24`\n\n```css\nbackground-color: var(--qhr-color-surface-elevated);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-surface-elevated)", "description": "Reference token --qhr-color-surface-elevated (#1C1C24)" } ] }, { "name": "--qhr-color-tamy-active", "description": "### 🏛️ `--qhr-color-tamy-active`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `active`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#6F2A12`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-active)", "description": "Reference token --qhr-color-tamy-active (#6F2A12)" } ] }, { "name": "--qhr-color-tamy-arabic", "description": "### 🏛️ `--qhr-color-tamy-arabic`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `arabic`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `الطمي`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-tamy-arabic)", "description": "Reference token --qhr-color-tamy-arabic (الطمي)" } ] }, { "name": "--qhr-color-tamy-base", "description": "### 🏛️ `--qhr-color-tamy-base`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `base`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#B34A26`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-tamy-base);\nbackground-color: var(--qhr-color-tamy-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-base)", "description": "Reference token --qhr-color-tamy-base (#B34A26)" } ] }, { "name": "--qhr-color-tamy-foreground", "description": "### 🏛️ `--qhr-color-tamy-foreground`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `foreground`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#FFFFFF`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-tamy-foreground);\nbackground-color: var(--qhr-color-tamy-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-foreground)", "description": "Reference token --qhr-color-tamy-foreground (#FFFFFF)" } ] }, { "name": "--qhr-color-tamy-hover", "description": "### 🏛️ `--qhr-color-tamy-hover`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `hover`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#8F381A`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-hover)", "description": "Reference token --qhr-color-tamy-hover (#8F381A)" } ] }, { "name": "--qhr-color-tamy-light", "description": "### 🏛️ `--qhr-color-tamy-light`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `light`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#F3C5B5`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-light)", "description": "Reference token --qhr-color-tamy-light (#F3C5B5)" } ] }, { "name": "--qhr-color-tamy-meaning", "description": "### 🏛️ `--qhr-color-tamy-meaning`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `meaning`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `Nile Riverbed Clay, Red Jasper, and Terracotta Foundations`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-tamy-meaning)", "description": "Reference token --qhr-color-tamy-meaning (Nile Riverbed Clay, Red Jasper, and Terracotta Foundations)" } ] }, { "name": "--qhr-color-tamy-name", "description": "### 🏛️ `--qhr-color-tamy-name`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `name`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `Tamy`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-tamy-name)", "description": "Reference token --qhr-color-tamy-name (Tamy)" } ] }, { "name": "--qhr-color-tamy-rgb", "description": "### 🏛️ `--qhr-color-tamy-rgb`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `rgb`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `179, 74, 38`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-tamy-rgb)", "description": "Reference token --qhr-color-tamy-rgb (179, 74, 38)" } ] }, { "name": "--qhr-color-tamy-surface", "description": "### 🏛️ `--qhr-color-tamy-surface`\n**خام فرعوني تراثي · الطمي** (Tamy) · Role: `surface`\n> **المعنى التراثي:** Nile Riverbed Clay, Red Jasper, and Terracotta Foundations (طمي النيل الخصيب، اليشم الأحمر والأساس الفخاري الأصيل)\n\n**Heritage DNA:** Nile Silt (Tamy) created the fertile black soil that birthed Egyptian civilization, representing foundational endurance.\n\n- **Default Value:** `#FBECE7`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-tamy-surface);\nbackground-color: var(--qhr-color-tamy-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-tamy-surface)", "description": "Reference token --qhr-color-tamy-surface (#FBECE7)" } ] }, { "name": "--qhr-color-text-muted", "description": "### 🎯 `--qhr-color-text-muted`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#6E685E`\n\n```css\nbackground-color: var(--qhr-color-text-muted);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-text-muted)", "description": "Reference token --qhr-color-text-muted (#6E685E)" } ] }, { "name": "--qhr-color-text-primary", "description": "### 🎯 `--qhr-color-text-primary`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#F6F4EE`\n\n```css\nbackground-color: var(--qhr-color-text-primary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-text-primary)", "description": "Reference token --qhr-color-text-primary (#F6F4EE)" } ] }, { "name": "--qhr-color-text-secondary", "description": "### 🎯 `--qhr-color-text-secondary`\n**لون دلالي سياقي · لون سياقي ذكي**\n\n- **Intent:** Semantic UI Role\n- **Invariance Rule:** Maintains system hierarchy\n- **Default (Day):** `#A39E93`\n\n```css\nbackground-color: var(--qhr-color-text-secondary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-text-secondary)", "description": "Reference token --qhr-color-text-secondary (#A39E93)" } ] }, { "name": "--qhr-color-wadj-active", "description": "### 🏛️ `--qhr-color-wadj-active`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `active`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#08332A`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-active)", "description": "Reference token --qhr-color-wadj-active (#08332A)" } ] }, { "name": "--qhr-color-wadj-arabic", "description": "### 🏛️ `--qhr-color-wadj-arabic`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `arabic`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `الوَدج`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-wadj-arabic)", "description": "Reference token --qhr-color-wadj-arabic (الوَدج)" } ] }, { "name": "--qhr-color-wadj-base", "description": "### 🏛️ `--qhr-color-wadj-base`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `base`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#135E4E`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-wadj-base);\nbackground-color: var(--qhr-color-wadj-base);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-base)", "description": "Reference token --qhr-color-wadj-base (#135E4E)" } ] }, { "name": "--qhr-color-wadj-foreground", "description": "### 🏛️ `--qhr-color-wadj-foreground`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `foreground`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#FFFFFF`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-wadj-foreground);\nbackground-color: var(--qhr-color-wadj-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-foreground)", "description": "Reference token --qhr-color-wadj-foreground (#FFFFFF)" } ] }, { "name": "--qhr-color-wadj-hover", "description": "### 🏛️ `--qhr-color-wadj-hover`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `hover`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#0D463A`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-hover)", "description": "Reference token --qhr-color-wadj-hover (#0D463A)" } ] }, { "name": "--qhr-color-wadj-light", "description": "### 🏛️ `--qhr-color-wadj-light`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `light`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#C2E4DC`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-light)", "description": "Reference token --qhr-color-wadj-light (#C2E4DC)" } ] }, { "name": "--qhr-color-wadj-meaning", "description": "### 🏛️ `--qhr-color-wadj-meaning`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `meaning`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-wadj-meaning)", "description": "Reference token --qhr-color-wadj-meaning (Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal)" } ] }, { "name": "--qhr-color-wadj-name", "description": "### 🏛️ `--qhr-color-wadj-name`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `name`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `Wadj`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-wadj-name)", "description": "Reference token --qhr-color-wadj-name (Wadj)" } ] }, { "name": "--qhr-color-wadj-rgb", "description": "### 🏛️ `--qhr-color-wadj-rgb`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `rgb`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `19, 94, 78`\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "values": [ { "name": "var(--qhr-color-wadj-rgb)", "description": "Reference token --qhr-color-wadj-rgb (19, 94, 78)" } ] }, { "name": "--qhr-color-wadj-surface", "description": "### 🏛️ `--qhr-color-wadj-surface`\n**خام فرعوني تراثي · الوَدج** (Wadj) · Role: `surface`\n> **المعنى التراثي:** Sacred Egyptian Malachite Emerald of Growth, Wisdom, and Renewal (زمرد الملاكيت الفرعوني المقدس للنمو والحكمة والتجدد)\n\n**Heritage DNA:** Ancient Egyptian Green Pigment (Wadj) symbolizes resurrection, fertile vegetation of the Nile delta, and timeless flourishing.\n\n- **Default Value:** `#E6F3EF`\n- **Usage Example:**\n```css\ncolor: var(--qhr-color-wadj-surface);\nbackground-color: var(--qhr-color-wadj-surface);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-wadj-surface)", "description": "Reference token --qhr-color-wadj-surface (#E6F3EF)" } ] }, { "name": "--qhr-color-warning-50", "description": "### 🎯 `--qhr-color-warning-50`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `var(--qhr-color-amber-50, #fffbeb)`\n\n```css\nbackground-color: var(--qhr-color-warning-50);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-50)", "description": "Reference token --qhr-color-warning-50 (var(--qhr-color-amber-50, #fffbeb))" } ] }, { "name": "--qhr-color-warning-600", "description": "### 🎯 `--qhr-color-warning-600`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `var(--qhr-color-amber-600, #d97706)`\n\n```css\nbackground-color: var(--qhr-color-warning-600);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-600)", "description": "Reference token --qhr-color-warning-600 (var(--qhr-color-amber-600, #d97706))" } ] }, { "name": "--qhr-color-warning-bg", "description": "### 🎯 `--qhr-color-warning-bg`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `#d97706`\n\n```css\nbackground-color: var(--qhr-color-warning-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-bg)", "description": "Reference token --qhr-color-warning-bg (#d97706)" } ] }, { "name": "--qhr-color-warning-border", "description": "### 🎯 `--qhr-color-warning-border`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `#d97706`\n\n```css\nbackground-color: var(--qhr-color-warning-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-border)", "description": "Reference token --qhr-color-warning-border (#d97706)" } ] }, { "name": "--qhr-color-warning-fg", "description": "### 🎯 `--qhr-color-warning-fg`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-color-warning-fg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-fg)", "description": "Reference token --qhr-color-warning-fg (#ffffff)" } ] }, { "name": "--qhr-color-warning-hover", "description": "### 🎯 `--qhr-color-warning-hover`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `#b45309`\n\n```css\nbackground-color: var(--qhr-color-warning-hover);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-hover)", "description": "Reference token --qhr-color-warning-hover (#b45309)" } ] }, { "name": "--qhr-color-warning-subtle", "description": "### 🎯 `--qhr-color-warning-subtle`\n**لون دلالي سياقي · لون التنبيه والتحذير الاحترازي**\n\n- **Intent:** Expiring licenses, pending approvals, cautionary warnings, intermediate states\n- **Invariance Rule:** Alerts user to take precautions without blocking execution.\n- **Default (Day):** `#fffbeb`\n\n```css\nbackground-color: var(--qhr-color-warning-subtle);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-color-warning-subtle)", "description": "Reference token --qhr-color-warning-subtle (#fffbeb)" } ] }, { "name": "--qhr-content-inverse", "description": "### 🧱 `--qhr-content-inverse`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#ffffff`\n\n```css\nbackground-color: var(--qhr-content-inverse);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-content-inverse)", "description": "Reference token --qhr-content-inverse (#ffffff)" } ] }, { "name": "--qhr-content-muted", "description": "### 🧱 `--qhr-content-muted`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#94a3b8`\n- **Night Mode (Dark):** `#94a3b8`\n\n```css\nbackground-color: var(--qhr-content-muted);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-content-muted)", "description": "Reference token --qhr-content-muted (#94a3b8)" } ] }, { "name": "--qhr-content-primary", "description": "### 🧱 `--qhr-content-primary`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#0f172a`\n- **Night Mode (Dark):** `#f8fafc`\n\n```css\nbackground-color: var(--qhr-content-primary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-content-primary)", "description": "Reference token --qhr-content-primary (#0f172a)" } ] }, { "name": "--qhr-content-secondary", "description": "### 🧱 `--qhr-content-secondary`\n**Adaptive Dual-Mode Token**\n\n- **Day Mode (Light):** `#475569`\n- **Night Mode (Dark):** `#e2e8f0`\n\n```css\nbackground-color: var(--qhr-content-secondary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-content-secondary)", "description": "Reference token --qhr-content-secondary (#475569)" } ] }, { "name": "--qhr-font-body", "description": "### ✍️ `--qhr-font-body`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Cairo', 'Tajawal', system-ui, -apple-system, sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-body);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-body)", "description": "Reference token --qhr-font-body ('Cairo', 'Tajawal', system-ui, -apple-system, sans-serif)" } ] }, { "name": "--qhr-font-body-alt", "description": "### ✍️ `--qhr-font-body-alt`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Tajawal', sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-body-alt);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-body-alt)", "description": "Reference token --qhr-font-body-alt ('Tajawal', sans-serif)" } ] }, { "name": "--qhr-font-display-heritage", "description": "### ✍️ `--qhr-font-display-heritage`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'El Messiri', serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-display-heritage);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-display-heritage)", "description": "Reference token --qhr-font-display-heritage ('El Messiri', serif)" } ] }, { "name": "--qhr-font-display-modern", "description": "### ✍️ `--qhr-font-display-modern`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Plus Jakarta Sans', sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-display-modern);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-display-modern)", "description": "Reference token --qhr-font-display-modern ('Plus Jakarta Sans', sans-serif)" } ] }, { "name": "--qhr-font-family-primary", "description": "### ✍️ `--qhr-font-family-primary`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Cairo', system-ui, -apple-system, sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-family-primary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-family-primary)", "description": "Reference token --qhr-font-family-primary ('Cairo', system-ui, -apple-system, sans-serif)" } ] }, { "name": "--qhr-font-heading", "description": "### ✍️ `--qhr-font-heading`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Cairo', 'Plus Jakarta Sans', system-ui, sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-heading);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-heading)", "description": "Reference token --qhr-font-heading ('Cairo', 'Plus Jakarta Sans', system-ui, sans-serif)" } ] }, { "name": "--qhr-font-mono", "description": "### ✍️ `--qhr-font-mono`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'JetBrains Mono', monospace`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-mono);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-mono)", "description": "Reference token --qhr-font-mono ('JetBrains Mono', monospace)" } ] }, { "name": "--qhr-font-primary", "description": "### ✍️ `--qhr-font-primary`\n**Official Qahera Typography Stack**\n\n- **Font Stack:** `'Cairo', system-ui, -apple-system, sans-serif`\n> **Strict Governance:** Alexandria for display/headings, Cairo for UI labels/body, JetBrains Mono for code. The font *Amiri* is strictly prohibited for UI components.\n\n```css\nfont-family: var(--qhr-font-primary);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-font-primary)", "description": "Reference token --qhr-font-primary ('Cairo', system-ui, -apple-system, sans-serif)" } ] }, { "name": "--qhr-input-background", "description": "### 🧩 `--qhr-input-background`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `#ffffff`\n\n```css\nvar(--qhr-input-background);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-background)", "description": "Reference token --qhr-input-background (#ffffff)" } ] }, { "name": "--qhr-input-border", "description": "### 🧩 `--qhr-input-border`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `#cbd5e1`\n\n```css\nvar(--qhr-input-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-border)", "description": "Reference token --qhr-input-border (#cbd5e1)" } ] }, { "name": "--qhr-input-disabled_bg", "description": "### 🧩 `--qhr-input-disabled_bg`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `#f8fafc`\n\n```css\nvar(--qhr-input-disabled_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-disabled_bg)", "description": "Reference token --qhr-input-disabled_bg (#f8fafc)" } ] }, { "name": "--qhr-input-focus_border", "description": "### 🧩 `--qhr-input-focus_border`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `#0b6bcb`\n\n```css\nvar(--qhr-input-focus_border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-focus_border)", "description": "Reference token --qhr-input-focus_border (#0b6bcb)" } ] }, { "name": "--qhr-input-focus_ring", "description": "### 🧩 `--qhr-input-focus_ring`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `rgba(11, 107, 203, 0.35)`\n\n```css\nvar(--qhr-input-focus_ring);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-focus_ring)", "description": "Reference token --qhr-input-focus_ring (rgba(11, 107, 203, 0.35))" } ] }, { "name": "--qhr-input-foreground", "description": "### 🧩 `--qhr-input-foreground`\n**Canonical Component Token** · حقول الإدخال والنماذج (Input)\n\n- **Default Value:** `#0f172a`\n\n```css\nvar(--qhr-input-foreground);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-input-foreground)", "description": "Reference token --qhr-input-foreground (#0f172a)" } ] }, { "name": "--qhr-modal-backdrop", "description": "### 🧩 `--qhr-modal-backdrop`\n**Canonical Component Token** · النوافذ المنبثقة وطبقات الحوار (Modal)\n\n- **Default Value:** `rgba(15, 23, 42, 0.5)`\n\n```css\nvar(--qhr-modal-backdrop);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-modal-backdrop)", "description": "Reference token --qhr-modal-backdrop (rgba(15, 23, 42, 0.5))" } ] }, { "name": "--qhr-modal-border", "description": "### 🧩 `--qhr-modal-border`\n**Canonical Component Token** · النوافذ المنبثقة وطبقات الحوار (Modal)\n\n- **Default Value:** `#e2e8f0`\n\n```css\nvar(--qhr-modal-border);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-modal-border)", "description": "Reference token --qhr-modal-border (#e2e8f0)" } ] }, { "name": "--qhr-modal-dialog_bg", "description": "### 🧩 `--qhr-modal-dialog_bg`\n**Canonical Component Token** · النوافذ المنبثقة وطبقات الحوار (Modal)\n\n- **Default Value:** `#ffffff`\n\n```css\nvar(--qhr-modal-dialog_bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-modal-dialog_bg)", "description": "Reference token --qhr-modal-dialog_bg (#ffffff)" } ] }, { "name": "--qhr-modal-dialog-bg", "description": "### 🧩 `--qhr-modal-dialog-bg`\n**Canonical Component Token** · النوافذ المنبثقة وطبقات الحوار (Modal)\n\n- **Default Value:** `var(--qhr-surface-elevated, #ffffff)`\n\n```css\nvar(--qhr-modal-dialog-bg);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-modal-dialog-bg)", "description": "Reference token --qhr-modal-dialog-bg (var(--qhr-surface-elevated, #ffffff))" } ] }, { "name": "--qhr-modal-shadow", "description": "### 🧩 `--qhr-modal-shadow`\n**Canonical Component Token** · النوافذ المنبثقة وطبقات الحوار (Modal)\n\n- **Default Value:** `0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)`\n\n```css\nvar(--qhr-modal-shadow);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "", "values": [ { "name": "var(--qhr-modal-shadow)", "description": "Reference token --qhr-modal-shadow (0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1))" } ] }, { "name": "--qhr-motion-duration-fast", "description": "### ⚡ `--qhr-motion-duration-fast`\n**Motion & Timing Token**\n\n- **Value:** `150ms`\n\n```css\ntransition: all var(--qhr-motion-duration-fast);\n```\n\n---\n*Qahera UI Kit v1.0 · Sovereign Egyptian Design System by Alwkala*", "references": [ { "name": "Qahera Design Tokens Documentation", "url": "https://qahera.alwkala.com/docs/tokens" }, { "name": "Cairo Design Studio Customizer", "url": "https://qahera.alwkala.com/studio/" } ], "syntax": "