/* Generated from brand-tokens.json by tools/build_vectors.py. */

@font-face {
  font-family: "Qasimha Arabic";
  src: url("../assets/fonts/ReadexPro.woff2") format("woff2");
  font-weight: 160 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Qasimha Latin";
  src: url("../assets/fonts/Manrope.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Qasimha Kurdish";
  src: url("../assets/fonts/NotoSansArabic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {

  --qasimha-color-yellow: #FFCF00;

  --qasimha-color-yellow-pressed: #F2C200;

  --qasimha-color-yellow-soft: #FFF3C4;

  --qasimha-color-ink: #111216;

  --qasimha-color-on-yellow: #1A1600;

  --qasimha-color-paper: #F2F2F6;

  --qasimha-color-white: #FFFFFF;

  --qasimha-color-muted: #62636C;

  --qasimha-color-line: #E2E2E9;

  --qasimha-color-focus: #6F5400;

  --qasimha-color-owed: #0B7D45;

  --qasimha-color-owed-soft: #E2F3E9;

  --qasimha-color-owe: #C2410C;

  --qasimha-color-owe-soft: #FCEADF;

  --qasimha-color-danger: #D12F2F;

  --qasimha-color-danger-soft: #FCE9E9;

  --qasimha-font-arabic: "Qasimha Arabic", "Readex Pro", "Noto Sans Arabic", Tahoma, sans-serif;

  --qasimha-font-latin: "Qasimha Latin", "Manrope", system-ui, sans-serif;

  --qasimha-font-kurdish: "Qasimha Kurdish", "Noto Sans Arabic", Tahoma, sans-serif;

  --qasimha-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", Tahoma, sans-serif;

  --qasimha-font-weight-regular: 400;

  --qasimha-font-weight-medium: 500;

  --qasimha-font-weight-semibold: 600;

  --qasimha-font-weight-bold: 700;

  --qasimha-font-weight-extrabold: 800;

  --qasimha-spacing-xs: 4px;

  --qasimha-spacing-sm: 8px;

  --qasimha-spacing-md: 12px;

  --qasimha-spacing-lg: 16px;

  --qasimha-spacing-xl: 24px;

  --qasimha-spacing-2xl: 32px;

  --qasimha-spacing-3xl: 48px;

  --qasimha-spacing-4xl: 64px;

  --qasimha-radius-control: 14px;

  --qasimha-radius-list: 16px;

  --qasimha-radius-sheet: 28px;

}

[data-qasimha-theme="dark"] {

  --qasimha-color-yellow: #FFD21F;

  --qasimha-color-yellow-pressed: #F0C400;

  --qasimha-color-yellow-soft: #3A3110;

  --qasimha-color-ink: #F4F4F7;

  --qasimha-color-on-yellow: #1A1600;

  --qasimha-color-paper: #0C0C0F;

  --qasimha-color-white: #1A1A1F;

  --qasimha-color-muted: #A0A0AA;

  --qasimha-color-line: #2C2C33;

  --qasimha-color-focus: #FFD21F;

  --qasimha-color-owed: #3FCF84;

  --qasimha-color-owed-soft: #12301F;

  --qasimha-color-owe: #FF9A52;

  --qasimha-color-owe-soft: #3A2314;

  --qasimha-color-danger: #FF6B6B;

  --qasimha-color-danger-soft: #3A1A1A;

}