/* ==========================================================================
   DKW iBooks — Pearl design tokens.
   One source for colour, type, space, shape and motion. Every stylesheet reads
   these; none of them repeats a raw value.
   ========================================================================== */

/* Alexandria, served from this site. Only Arabic text asks for it. */
@font-face {
  font-family: "Alexandria";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/alexandria-arabic.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: "Alexandria";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/alexandria-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Alexandria";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/alexandria-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* surfaces */
  --ds-bg: #FFFFFF;
  --ds-surface: #FFFFFF;
  --ds-surface-muted: #F8F7F4;
  --ds-surface-sunken: #EFEDE8;

  /* text and lines */
  --ds-ink: #252525;
  --ds-ink-secondary: #414852;
  --ds-muted: #737B86;
  /* #737B86 reaches only 4.3:1 on white; text that must be read uses this one. */
  --ds-text-muted: #5F6671;
  --ds-border: #E5E2DC;
  --ds-border-strong: #D3CEC5;

  /* brand */
  --ds-primary: #A72F38;
  --ds-primary-hover: #84252D;
  --ds-primary-soft: #FAEEF0;
  --ds-primary-line: #EBC9CD;

  --ds-gold: #B08A36;
  --ds-gold-dark: #765B1C;
  --ds-gold-soft: #FAF4E5;
  --ds-gold-line: #EADCB6;

  /* status: each pairs a readable text colour with its soft ground */
  --ds-success: #23725A;
  --ds-success-soft: #EAF5F0;
  --ds-success-line: #C3E1D5;
  --ds-warning: #765B1C;
  --ds-warning-soft: #FAF4E5;
  --ds-warning-line: #EADCB6;
  --ds-danger: #A3262E;
  --ds-danger-soft: #FBEDEE;
  --ds-danger-line: #EFC8CB;
  --ds-info: #3A5163;
  --ds-info-soft: #EEF2F5;
  --ds-info-line: #D2DCE4;

  /* depth */
  --ds-shadow: 0 16px 40px rgba(27, 31, 36, 0.055);
  --ds-shadow-small: 0 6px 20px rgba(27, 31, 36, 0.045);
  --ds-shadow-line: 0 1px 0 rgba(27, 31, 36, 0.04);

  /* shape */
  --ds-radius-card: 18px;
  --ds-radius-control: 10px;
  --ds-radius-inner: 12px;
  --ds-radius-pill: 999px;

  /* type */
  --ds-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --ds-font-ar: "Alexandria", "Segoe UI", Tahoma, sans-serif;
  --ds-font-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
  --ds-text-base: 17px;
  --ds-text-control: 16px;
  --ds-text-help: 15px;
  --ds-text-small: 14px;
  --ds-h1: clamp(27px, 3.1vw, 39px);
  --ds-h2: clamp(21px, 1.8vw, 24px);
  --ds-h3: 19px;
  --ds-leading: 1.6;
  --ds-leading-ar: 1.65;

  /* space: 4, 8, 12, 16, 24, 32, 48, 64 */
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;

  /* layout */
  --ds-control-height: 44px;
  --ds-sidebar-width: 272px;
  --ds-topbar-height: 64px;
  --ds-content-max: 1180px;

  /* motion */
  --ds-duration: 180ms;
  --ds-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* focus */
  --ds-focus-ring: 3px solid rgba(176, 138, 54, 0.34);
}

/* The platform's earlier token names, kept as aliases so every template and
   inline style that uses them takes the Pearl values. */
:root {
  --red: var(--ds-primary);
  --red-700: var(--ds-primary-hover);
  --red-900: #6A1E25;
  --red-100: var(--ds-primary-soft);
  --red-050: #FDF8F8;
  --gold: var(--ds-gold);
  --gold-600: var(--ds-gold-dark);
  --gold-100: var(--ds-gold-soft);

  --paper: var(--ds-bg);
  --surface: var(--ds-surface);
  --surface-2: var(--ds-surface-muted);
  --ink: var(--ds-ink);
  --ink-2: var(--ds-ink-secondary);
  --muted: var(--ds-text-muted);
  --muted-2: var(--ds-muted);
  --line: var(--ds-border);
  --line-strong: var(--ds-border-strong);

  --ok: var(--ds-success);
  --ok-100: var(--ds-success-soft);
  --warn: var(--ds-warning);
  --warn-100: var(--ds-warning-soft);
  --err: var(--ds-danger);
  --err-100: var(--ds-danger-soft);
  --info: var(--ds-info);
  --info-100: var(--ds-info-soft);

  --font: var(--ds-font);
  --font-display: var(--ds-font);
  --font-mono: var(--ds-font-mono);

  --step--1: var(--ds-text-small);
  --step-0: var(--ds-text-base);
  --step-1: var(--ds-h3);
  --step-2: var(--ds-h2);
  --step-3: clamp(24px, 2.4vw, 30px);
  --step-4: var(--ds-h1);

  --s-1: var(--ds-space-1);
  --s-2: var(--ds-space-2);
  --s-3: var(--ds-space-3);
  --s-4: var(--ds-space-4);
  --s-5: var(--ds-space-5);
  --s-6: var(--ds-space-6);
  --s-7: var(--ds-space-7);
  --s-8: var(--ds-space-8);

  --r-sm: var(--ds-radius-control);
  --r: var(--ds-radius-inner);
  --r-lg: var(--ds-radius-card);
  --r-xl: var(--ds-radius-card);
  --r-full: var(--ds-radius-pill);

  --shadow-1: var(--ds-shadow-line);
  --shadow-2: var(--ds-shadow-small);
  --shadow-3: var(--ds-shadow);

  --nav-h: var(--ds-topbar-height);
  --wrap: var(--ds-content-max);
  --ease: var(--ds-ease);

  --accent: var(--ds-primary);
  --accent-soft: var(--ds-primary-soft);
}