/* Design reference V2.3. All visual decisions live here. */
:root {
  
 --color-primary:#BD4F7A;
  --color-primary-dark:#9E3F66;
  --color-primary-soft:#FFEAF2;
  --color-background:#FFF8FB;
  --color-card:#FFFFFF;
  --color-text:#372B37;
  --color-text-muted:#6E616D;
  --color-placeholder:#8C7F8A;
  --color-border:#F0E2EA;
  --color-input-border:#EAD7E0;
  --color-success:#256B4F;
  --color-success-soft:#E2F3EB;
  --color-warning:#7D5210;
  --color-promo:#7D5210;
  --color-promo-bg:#FFFBF1;
  --color-promo-border:#F2CF8E;
  --color-warning-soft:#FFF0D2;
  --color-danger:#A33A3A;
  --color-danger-soft:#FCE4E4;
  --color-lavender:#5E4386;
  --color-lavender-soft:#EEE4FA;
  --color-disabled:#ECE4E8;
  --color-skeleton:#F1E8ED;
  --color-scrim:rgba(55,43,55,.5);
  --color-toast:rgba(55,43,55,.9);
  --color-on-primary:#fff;
  --color-dot:#E6D6DE;
  --color-accent:#E875A1;
  --color-clear:transparent;
  
 --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  
 --font-xs:12px;
  --font-sm:13px;
  --font-base:14px;
  --font-md:15px;
  --font-lg:16px;
  --font-title:17px;
  --font-xl:22px;
  --font-brand:24px;
  
 --weight-normal:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --line-tight:1.3;
  --line-base:1.5;
  --line-body:1.7;
  
 --space-0:0;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:10px;
  --space-6:12px;
  --space-7:14px;
  --space-8:16px;
  --space-9:20px;
  --space-10:24px;
  --space-11:28px;
  --space-12:32px;
  --space-14:40px;
  --space-16:48px;
  
 --radius-sm:6px;
  --radius-md:12px;
  --radius-option:14px;
  --radius-lg:16px;
  --radius-sheet:20px;
  --radius-pill:24px;
  --radius-round:50%;
  
 --border-width:1px;
  --border-selected:2px;
  --shadow-card:0 8px 24px rgba(55,43,55,.12);
  --shadow-nav:0 -4px 16px rgba(55,43,55,.04);
  
 --duration-fast:120ms;
  --duration-base:220ms;
  --duration-skeleton:1400ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  
 --page-max:430px;
  --bottom-nav-height:72px;
  --top-nav-height:52px;
  --touch-target:44px;
  --button-height:48px;
  --avatar-size:40px;
  --avatar-large:64px;
  --icon-size:20px;
  --icon-large:24px;
  --icon-state:34px;
  --state-size:72px;
  --fab-size:56px;
  --fab-overlap:-22px;
  --banner-ratio:2 / 1;
  --post-image-height:180px;
  --textarea-height:96px;
  --skeleton-height:12px;
  --skeleton-image:90px;
  --dot-size:4px;
  --dot-active:14px;
  --unread-size:8px;
  --sheet-grab:36px;
  --sheet-max:90dvh;
  --toast-offset:100px;
  --modal-inset:28px;
  --fold-lines:6;
  
 --z-nav:10;
  --z-overlay:20;
  --z-toast:30;
  --opacity-disabled:.5;
  --opacity-pulse:.45;
  --scale-pressed:.98;
  --grid-columns:2;
  --swatch-size:48px;
  

}


:root {
  --color-admin-surface-1:#f8f7fa;
  --color-admin-text-1:#342e40;
  --color-admin-border-1:#e9dfe8;
  --color-admin-text-2:#6f5b77;
  --color-admin-border-2:#de8dae;
  --color-admin-surface-2:#fff9fc;
  --color-admin-surface-3:#df7a9e;
  --color-admin-text-3:#fff;
  --color-admin-surface-4:#d76b91;
  --color-admin-text-4:#b85670;
  --color-admin-surface-5:#fcf0f6;
  --color-admin-text-5:#c56d91;
  --color-admin-text-6:#c2638c;
  --color-admin-border-3:#eee8f0;
  --color-admin-surface-6:#fbe9f2;
  --color-admin-text-7:#d6789d;
  --color-admin-text-8:#b6a5b8;
  --color-admin-text-9:#948197;
  --color-admin-surface-7:#fbedf4;
  --color-admin-text-10:#bd638c;
  --color-admin-text-11:#b19eb2;
  --color-admin-text-12:#9b899f;
  --color-admin-text-13:#958399;
  --color-admin-text-14:#a08ca4;
  --color-admin-border-4:#ece5ef;
  --color-admin-surface-8:#fcecf3;
  --color-admin-surface-9:#f1eafa;
  --color-admin-text-15:#a77e9c;
  --color-admin-text-16:#ead5e8;
  --color-admin-text-17:#9a85a1;
  --color-admin-surface-10:#fcf0f7;
  --color-admin-text-18:#d283a3;
  --color-admin-text-19:#ad9caf;
  --color-admin-border-5:#e7dfeb;
  --color-admin-text-20:#66536f;
  --color-admin-border-6:#d98dad;
  --color-admin-text-21:#8d7896;
  --color-admin-text-22:#a590a7;
  --color-admin-surface-11:#fdf4f8;
  --color-admin-border-7:#f3deea;
  --color-admin-text-23:#b16f94;
  --color-admin-surface-12:#fff9ed;
  --color-admin-text-24:#a18b5c;
  --color-admin-text-25:#a491aa;
  --color-admin-surface-13:#faf8fb;
  --color-admin-border-8:#f0eaf2;
  --color-admin-text-26:#7f6d88;
  --color-admin-text-27:#51425d;
  --color-admin-text-28:#b19eb7;
  --color-admin-surface-14:#f5edf8;
  --color-admin-text-29:#9b7aaa;
  --color-admin-surface-15:#eff7f2;
  --color-admin-text-30:#6f9c80;
  --color-admin-surface-16:#fff5e5;
  --color-admin-text-31:#b99556;
  --color-admin-surface-17:#fbecf0;
  --color-admin-text-32:#b37287;
  --color-admin-text-33:#b2a0b8;
  --color-admin-surface-18:#f8eaf1;
  --color-admin-text-34:#a28aaa;
  --color-admin-border-9:#efe5ef;
  --color-admin-border-10:#ece3ef;
  --color-admin-border-11:#edbfd4;
  --color-admin-border-12:#eaddeb;
  --color-admin-text-35:#65556e;
  --color-admin-border-13:#ede4f0;
  --color-admin-text-36:#ad96b4;
  --color-admin-surface-19:#faf7fb;
  --color-admin-border-14:#ecdfeb;
  --color-admin-shadow-1:#59406420;
  --color-admin-text-37:#493953;
  --color-admin-surface-20:#35213f44;
  --color-admin-border-15:#f0e7f2;
  --color-admin-surface-21:#f8dfec;
  --color-admin-surface-22:#e9e2f6;
  --color-admin-surface-23:#faf6fa;
  --color-admin-surface-24:#ffffffee;
  --color-admin-shadow-2:#a880a019;
  --color-admin-text-38:#bf587c;
  --color-admin-surface-25:#4c3955;
  --color-admin-shadow-3:#35213f22;
  --color-admin-border-16:#f1eaf4;
  --color-admin-text-39:#b29bb9;
  --color-admin-text-40:#a4769c;
  --color-admin-text-41:#b6a4bd;
  --color-admin-text-42:#a590ae;
  --color-admin-text-43:#a11827;
  --color-admin-surface-26:#fff0f1;
  
}


:root { --z-card-link:1; --z-card-control:2; }

:root {
  --upload-columns:3;
  --upload-ratio:1;
  --member-columns:3;
  --composer-bottom:240px;
  --profile-avatar:80px;
  --member-stats-columns:3;
  --image-preview-max:70dvh;
}

/* 7C: wallet, promotion, account and recovery image tokens. */
:root {
  --package-columns: 3;
  --hour-columns: 4;
  --week-columns: 7;
  --week-day-height: 80px;
  --captcha-height: 420px;
  --upload-visible-control: 24px;
  --upload-icon-size: 16px;
  --recovery-font: ui-monospace, SFMono-Regular, Consolas, monospace;
  --recovery-canvas-width: 1000px;
  --recovery-canvas-height: 640px;
  --recovery-canvas-padding: 64px;
  --recovery-canvas-line: 60px;
  --recovery-canvas-font: 32px;
  --duration-award: 480ms;
  --support-thread-height: 480px;
  --support-message-width: 90%;
}