/* Ria web tokens. Generated by hand from riaagent/02-ria-frontend @ feat/design-v2, lib/theme
   (tokens.dart RiaPalette.mono = RiaPalette.fallback, the app default since 23 Oct; type_scale.dart;
   RiaSpace, RiaRadius, RiaShadow, RiaMotion) and docs/design-system-cleanup.md (15-step type scale).
   Look: Mono (DS v3), black and grey. Icons: img/ria-icons/*.svg = Material Icons (Round), the set the app uses. */
:root{
  /* colour: RiaPalette.mono */
  --ria-ink:#111111; --ria-onDark:#FFFFFF; --ria-action:#111111;
  --ria-app:#F5F5F4;          /* appBg */
  --ria-card:#FFFFFF;
  --ria-muted:#52525B; --ria-subtle:#6B6B70; --ria-ornament:#A1A1AA; --ria-placeholder:#A1A1AA;
  --ria-icon-tile:#EDEDED;    /* iconTile / secondary / attentionBg */
  --ria-wash:#F4F4F5;         /* twinBg / attentionWash / profileReasons */
  --ria-selected:#FAFAFA;     /* selectedFill */
  --ria-line:#E4E4E4; --ria-line-strong:#E0E0E0; --ria-line-soft:#EFEFEF; --ria-line-tab:#E8E8E8;
  --ria-outline:#D4D4D8;      /* outlineButton, disabled, toggleOff */
  --ria-disabled:#D4D4D8;
  --ria-success:#157347; --ria-success-bg:#E8F3EC; --ria-success-deep:#0E5A37;
  --ria-waiting:#8A5A00; --ria-waiting-bg:#F6EEDC;
  --ria-error:#B42318; --ria-error-bg:#FCE9E7;
  --ria-scrim:rgba(0,0,0,.45);
  /* type: Manrope; RiaType steps, px at 390 wide */
  --ria-font:Manrope,'Noto Sans TC','PingFang HK','PingFang TC','Microsoft JhengHei',system-ui,-apple-system,sans-serif;
  --ria-mono:ui-monospace,Menlo,monospace;
  --t10:10px; --t11:11px; --t12:12px; --t13:13px; --t14:14px; --t15:15px; --t16:16px; --t17:17px;
  --t18:18px; --t20:20px; --t22:22px; --t24:24px; --t26:26px; --t30:30px; --t40:40px;
  /* DS v2 named styles: size / line-height / weight */
  --ty-display:800 40px/48px var(--ria-font); --ty-title:800 28px/34px var(--ria-font);
  --ty-headline:800 20px/26px var(--ria-font); --ty-card:800 17px/24px var(--ria-font);
  --ty-body:500 15px/22px var(--ria-font); --ty-caption:600 13px/19px var(--ria-font);
  --ty-label:800 11px/14px var(--ria-font);
  /* space: RiaSpace */
  --s2:2px; --s4:4px; --s8:8px; --s12:12px; --s16:16px; --s24:24px; --s32:32px; --s48:48px; --s64:64px; --min-tap:44px;
  /* radius: RiaRadius */
  --r-small:8px; --r-control:12px; --r-card:24px; --r-sheet:28px; --r-pill:999px; --r-floating:22px; --r-toast:14px;
  /* shadow: RiaShadow mono */
  --sh-card:0 6px 18px rgba(17,17,17,.08); --sh-raised:0 10px 24px -4px rgba(17,17,17,.14);
  /* motion: RiaMotion */
  --m-sheet:350ms; --m-ease:cubic-bezier(.2,.7,.2,1); --m-toast:3s;

  /* names the existing pages and trades/*.js already use, mapped onto Mono */
  --ink:var(--ria-ink); --muted:var(--ria-muted); --hint:var(--ria-subtle); --subtle:var(--ria-subtle);
  --ivory:var(--ria-app); --app:var(--ria-app); --paper:var(--ria-card); --card:var(--ria-card);
  --sand:var(--ria-icon-tile); --sand-2:var(--ria-wash);
  --coral:var(--ria-action); --accent:var(--ria-action); --coral-l:var(--ria-outline); --coral-w:var(--ria-icon-tile);
  --forest:var(--ria-success); --forest-d:var(--ria-success-deep); --forest-w:var(--ria-success-bg);
  --ok:var(--ria-success); --ok-bg:var(--ria-success-bg);
  --amber:var(--ria-waiting); --amber-w:var(--ria-waiting-bg); --wait:var(--ria-waiting); --wait-bg:var(--ria-waiting-bg);
  --err:var(--ria-error);
  --line:var(--ria-line); --line-2:var(--ria-line-soft);
  --f:var(--ria-font); --mono:var(--ria-mono);
}