/*
 * Mojtama Warm Paper web tokens.
 *
 * Keep these values aligned with lib/theme/tokens.dart. Product-specific
 * styles may alias them, but the school-admin and super-admin sites share
 * this file so brand color, type, shape, and motion do not drift.
 */

:root {
  color-scheme: light;

  --mojtama-font-display: 'Cairo', Tahoma, Arial, sans-serif;
  --mojtama-font-ui: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
  --mojtama-font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;

  --mojtama-terracotta: #a6432c;
  --mojtama-terracotta-deep: #7a2b18;
  --mojtama-terracotta-mid: #c15a3e;
  --mojtama-terracotta-soft: #f7e7df;

  --mojtama-ink: #3a241c;
  --mojtama-ink-deep: #332622;
  --mojtama-taupe: #6b5f59;
  --mojtama-taupe-light: #8f847d;
  --mojtama-sand-muted: #a99e92;
  --mojtama-sand-glyph: #8a8271;

  --mojtama-page-sand: #f2ede0;
  --mojtama-page-warm: #f7f3e9;
  --mojtama-card: #ffffff;
  --mojtama-card-cream: #fcf1dc;
  --mojtama-card-cream-bright: #fdfbf4;
  --mojtama-cream-alt: #ece5d4;
  --mojtama-cream-alt-2: #e8e0cf;
  --mojtama-sunken-sand: #e0d6c1;

  --mojtama-green: #2fa36b;
  --mojtama-green-deep: #1e8e5a;
  --mojtama-green-text: #155e3c;
  --mojtama-green-wash: #e4f3ea;
  --mojtama-blue: #3e6e9c;
  --mojtama-blue-wash: #eaf0f8;
  --mojtama-amber: #f2a93b;
  --mojtama-amber-deep: #9a6a18;
  --mojtama-amber-wash: #fcf1dc;
  --mojtama-red: #d64545;
  --mojtama-red-deep: #8a2525;
  --mojtama-red-wash: #fbe9e9;

  --mojtama-border: rgb(51 38 34 / 7%);
  --mojtama-border-strong: #8f847d;
  --mojtama-shadow-soft: 0 2px 10px rgb(51 38 34 / 6%);
  --mojtama-shadow-large: 0 18px 44px rgb(32 23 18 / 15%);
  --mojtama-scrim: rgb(0 0 0 / 25%);

  --mojtama-radius-xs: 5px;
  --mojtama-radius-sm: 8px;
  --mojtama-radius-md: 12px;
  --mojtama-radius-control: 14px;
  --mojtama-radius-lg: 16px;
  --mojtama-radius-xl: 18px;
  --mojtama-radius-tile: 26px;
  --mojtama-radius-pill: 999px;

  --mojtama-motion-fast: 160ms;
  --mojtama-motion-standard: 220ms;
  --mojtama-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}
