/* Placebo typography tokens. Inter for English, Noto Sans Arabic UI for Arabic.
   Web scale; mobile overrides live in --m-* tokens. Source: design/Foundations/Typography.md */
:root{
--font-weight-regular:400; /* @kind font */
--font-weight-medium:500; /* @kind font */
--font-weight-semibold:600; /* @kind font */
--font-weight-bold:700; /* @kind font */

/* Web sizes */
--font-size-pre-title:12px;--font-size-large-title:56px;--font-size-title-1:40px;--font-size-title-2:24px;--font-size-title-3:20px;--font-size-title-4:16px;--font-size-subtitle-1:24px;--font-size-subtitle-2:16px;--font-size-large-body:18px;--font-size-body:16px;--font-size-small-body:14px;--font-size-button:15px;
/* Mobile sizes */
--m-font-size-pre-title:13px;--m-font-size-large-title:34px;--m-font-size-title-1:28px;--m-font-size-title-2:22px;--m-font-size-title-3:18px;--m-font-size-title-4:16px;--m-font-size-subtitle-1:17px;--m-font-size-subtitle-2:15px;

--line-height-title:1.2; /* @kind font */
--line-height-body:1.3; /* @kind font */
--line-height-button:20px; /* @kind font */
--tracking-title:-0.02em; /* @kind font */
--tracking-pre-title:0.1em; /* @kind font */
--tracking-body:0 /* @kind font */;}

/* Text styles. Apply as a class OR copy the declarations — every style is a token composite. */
.pre-title{font-family:var(--font-family-base);font-size:var(--font-size-pre-title);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-pre-title);text-transform:uppercase;line-height:var(--line-height-title)}
.large-title{font-size:var(--font-size-large-title);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.title-1{font-size:var(--font-size-title-1);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.title-2{font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.title-3{font-size:var(--font-size-title-3);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.title-4{font-size:var(--font-size-title-4);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.subtitle-1{font-size:var(--font-size-subtitle-1);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-title);line-height:var(--line-height-title)}
.subtitle-2{font-size:var(--font-size-subtitle-2);font-weight:var(--font-weight-medium);line-height:var(--line-height-title)}
.large-body{font-size:var(--font-size-large-body);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-title);line-height:var(--line-height-body)}
.body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}
.strong-body{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}
.emphasised-body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-body)}
.small-body{font-size:var(--font-size-small-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}
.strong-small-body{font-size:var(--font-size-small-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}
.emphasised-small-body{font-size:var(--font-size-small-body);font-weight:var(--font-weight-regular);font-style:italic;line-height:var(--line-height-body)}
.button-text{font-size:var(--font-size-button);font-weight:var(--font-weight-medium);line-height:var(--line-height-button)}