/* @kutlh/design 0.1.1 — الرموز البصرية المشتركة لمنتجات كتلة على الويب (حُجّة، المحفظة).
   المشترك هنا لا يتغير بين المنتجين: الخط، المقاسات، المسافات، الحواف، الحركة، الألوان المحايدة والدلالية.
   الخاص بكل منتج: --k-accent وتدرجاته فقط، يعرّفها المنتج في ملفه.
   أي تعديل هنا = إصدار جديد يُبلَّغ به الطرف الآخر. */

@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url("./fonts/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Readex Pro"; font-weight: 400; font-display: swap; src: url("./fonts/readex-pro-arabic-400-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Readex Pro"; font-weight: 500; font-display: swap; src: url("./fonts/readex-pro-arabic-500-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Readex Pro"; font-weight: 600; font-display: swap; src: url("./fonts/readex-pro-arabic-600-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Readex Pro"; font-weight: 400; font-display: swap; src: url("./fonts/readex-pro-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Readex Pro"; font-weight: 500; font-display: swap; src: url("./fonts/readex-pro-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Readex Pro"; font-weight: 600; font-display: swap; src: url("./fonts/readex-pro-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: light;

  /* الخط */
  --k-font-ui: "IBM Plex Sans Arabic", -apple-system, "SF Arabic", "Segoe UI", Tahoma, sans-serif;
  --k-font-display: "Readex Pro", "IBM Plex Sans Arabic", -apple-system, sans-serif;

  /* سلّم المقاسات (px) وارتفاع السطر للعربية */
  --k-text-2xs: 11px;
  --k-text-xs: 12px;
  --k-text-sm: 14px;
  --k-text-md: 16px;
  --k-text-lg: 18px;
  --k-text-xl: 21px;
  --k-text-2xl: 26px;
  --k-text-3xl: 32px;
  --k-leading-tight: 1.35;
  --k-leading: 1.7;

  /* المسافات: شبكة 4 */
  --k-1: 4px;  --k-2: 8px;  --k-3: 12px; --k-4: 16px; --k-5: 20px;
  --k-6: 24px; --k-8: 32px; --k-10: 40px; --k-14: 56px;

  /* الحواف */
  --k-radius-sm: 6px;
  --k-radius: 10px;
  --k-radius-lg: 14px;
  --k-radius-pill: 999px;

  /* الحركة */
  --k-ease: cubic-bezier(.2, .7, .2, 1);
  --k-fast: 140ms;
  --k-base: 220ms;

  /* محايدات كتلة (من التطبيق) */
  --k-bg: #FFFFFF;
  --k-surface: #FFFFFF;
  --k-surface-2: #F7F7F8;
  --k-elevated: #EFEFF0;
  --k-line: #E5E5E5;
  --k-line-strong: #D4D4D6;
  --k-ink: #111111;
  --k-ink-2: #3A3A3C;
  --k-muted: #666666;
  --k-brand: #0A0A0A;
  --k-shadow: 0 1px 2px rgb(0 0 0 / .05), 0 6px 20px -8px rgb(0 0 0 / .12);
  --k-focus: 0 0 0 3px color-mix(in srgb, var(--k-accent) 28%, transparent);

  /* دلالية: نص على الخلفية، وخلفية خافتة */
  --k-success: #136C47; --k-success-soft: #E8F5EE;
  --k-warning: #8A5300; --k-warning-soft: #FFF4DE;
  --k-danger:  #B42318; --k-danger-soft:  #FDECEA;
  --k-info:    #1D5FD1; --k-info-soft:    #EAF1FD;

  /* المنتج يعرّف هذه؛ قيم احتياطية محايدة */
  --k-accent: #0A0A0A;
  --k-accent-hover: #2A2A2A;
  --k-accent-soft: #F1F1F2;
  --k-accent-soft-text: #0A0A0A;
  --k-on-accent: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --k-bg: #0F0F10;
    --k-surface: #1E1E20;
    --k-surface-2: #171718;
    --k-elevated: #252527;
    --k-line: #2A2A2D;
    --k-line-strong: #3A3A3E;
    --k-ink: #F5F5F5;
    --k-ink-2: #D6D6D8;
    --k-muted: #B7B7B7;
    --k-brand: #F5F5F5;
    --k-shadow: 0 1px 2px rgb(0 0 0 / .5), 0 8px 24px -10px rgb(0 0 0 / .6);
    --k-success: #4ADE80; --k-success-soft: #10241A;
    --k-warning: #F5B84B; --k-warning-soft: #2A2110;
    --k-danger:  #F87171; --k-danger-soft:  #2C1414;
    --k-info:    #7AB1FF; --k-info-soft:    #111D33;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --k-bg: #0F0F10;
  --k-surface: #1E1E20;
  --k-surface-2: #171718;
  --k-elevated: #252527;
  --k-line: #2A2A2D;
  --k-line-strong: #3A3A3E;
  --k-ink: #F5F5F5;
  --k-ink-2: #D6D6D8;
  --k-muted: #B7B7B7;
  --k-brand: #F5F5F5;
  --k-shadow: 0 1px 2px rgb(0 0 0 / .5), 0 8px 24px -10px rgb(0 0 0 / .6);
  --k-success: #4ADE80; --k-success-soft: #10241A;
  --k-warning: #F5B84B; --k-warning-soft: #2A2110;
  --k-danger:  #F87171; --k-danger-soft:  #2C1414;
  --k-info:    #7AB1FF; --k-info-soft:    #111D33;
}

@media (prefers-reduced-motion: reduce) {
  :root { --k-fast: 0ms; --k-base: 0ms; }
}