body { margin: 0; background: var(--surface-page); color: var(--text-body); font-family: var(--font-body); font-size: var(--body-size); line-height: var(--body-line); -webkit-font-smoothing: antialiased }
* { box-sizing: border-box }
a { color: var(--text-accent); text-decoration-thickness: 1.5px; text-underline-offset: 3px; transition: var(--transition-hover) }
a:hover { color: var(--ink) }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px }
[dir="rtl"] body, [dir="rtl"] { font-family: var(--font-body-ar) }