/* AMIT Theme Base Foundation - v3.2
   Shared design tokens and safe direction helpers for English/Arabic.
   Keep this file loaded before the language-specific CSS files. */
:root {
    --amit-font-main: Calibri, "Segoe UI", Tahoma, Arial, sans-serif;
    --amit-font-size-navbar: 17px;
    --amit-font-size-dropdown: 17px;
    --amit-font-size-category-name: 17.5px;
    --amit-font-size-navbar-mobile: 17.5px;
    --amit-font-size-category-name-mobile: 17px;

    --amit-color-bg-soft: #f8fafc;
    --amit-color-surface: #ffffff;
    --amit-color-text: #111827;
    --amit-color-muted: #6b7280;
    --amit-color-border: #e5e7eb;
    --amit-color-border-hover: #d1d5db;
    --amit-color-chip-bg: #f3f4f6;
    --amit-color-chip-text: #374151;
    --amit-color-premium-border: #dbe6c3;

    --amit-radius-sm: 8px;
    --amit-radius-md: 12px;

    --amit-space-xs: 6px;
    --amit-space-sm: 8px;
    --amit-space-md: 12px;
    --amit-space-lg: 16px;

    --amit-search-card-direction: row;
    --amit-search-text-align: start;
}

html[dir="rtl"] {
    --amit-search-text-align: right;
}

html[dir="ltr"] {
    --amit-search-text-align: start;
}

body {
    font-family: var(--amit-font-main);
}