/* =========================================================
   variables.css — سیستم طراحی «دوچ بلوچ»

   رنگ‌ها از خود سوزن‌دوزی بلوچی گرفته شده‌اند:
   زمینه‌ی پارچه بنفش‌سیاه است و نقش‌ها با نخ طلایی، گلبهی،
   فیروزه‌ای و عاجی دوخته می‌شوند.
========================================================= */

:root {

    color-scheme: dark;

    /* زمینه‌ها (پارچه) */
    --background: #120d14;
    --surface: #1a131f;
    --surface-2: #241a2b;
    --border: #382b40;

    /* متن */
    --text: #f3ead9;
    --text-light: #b3a5b8;

    /* نخ طلایی: دکمه‌ها و تأکید اصلی */
    --primary: #d4a95a;
    --primary-dark: #b98a3e;
    --on-primary: #1a1118;

    /* نخ‌های رنگی: فقط در نقش‌ها و جزئیات */
    --thread-rose: #e08aa3;
    --thread-turquoise: #6cc2b4;
    --ruby: #a82a4b;

    /* وضعیت‌ها */
    --success: #5fbf8a;
    --danger: #e5646b;
    --warning: #e8b04a;

    /* شعاع گوشه‌ها: کارت‌ها کم‌گرد، کنترل‌ها کم‌گردتر */
    --radius: 6px;
    --radius-sm: 3px;

    --container-width: 1200px;

    /* فونت‌ها */
    --font-body: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
    --font-display: "Aref Ruqaa", "Vazirmatn", Tahoma, serif;

    /* نوار نقش لوزی (حاشیه سوزن‌دوزی)؛ هر 32×16 پیکسل یک واحد تکرار */
    --band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Crect width='32' height='16' fill='%231a131f'/%3E%3Cpath d='M8 1L15 8L8 15L1 8Z' fill='%23e08aa3'/%3E%3Cpath d='M8 4.5L11.5 8L8 11.5L4.5 8Z' fill='%23f3ead9'/%3E%3Cpath d='M24 3L29 8L24 13L19 8Z' fill='none' stroke='%236cc2b4' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='8' r='1.4' fill='%23d4a95a'/%3E%3C/svg%3E");

    /* الگوی شبکه‌ی لوزی کم‌رنگ: جای عکسی که هنوز بارگذاری نشده */
    --lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 4L36 20L20 36L4 20Z' fill='none' stroke='%23d4a95a' stroke-opacity='.16' stroke-width='1'/%3E%3Cpath d='M20 13L27 20L20 27L13 20Z' fill='%23e08aa3' fill-opacity='.10'/%3E%3C/svg%3E");

}