@import url("wain-writing-field-v1.css?v=3");
/* ==========================================================
   WAIN NAKUL — CENTRAL DESIGN TOKENS
   Color source of truth

   Phase 1:
   - Preserve the current visual appearance exactly.
   - Existing wn / wn4 / wa variables bridge to these tokens.
========================================================== */

:root {

    /* ======================================================
       WAIN NAKUL BRAND
    ====================================================== */

    --wn-color-brand: #d01876;
    --wn-color-brand-dark: #86105f;
    --wn-color-brand-deep: #650068;
    --wn-color-brand-soft: #fff0f7;
    --wn-color-purple: #6e38e8;

    --wn-color-accent: #d93fa4;
    --wn-color-accent-dark: #7d2f8d;

    --wn-color-plum-deep: #720071;
    --wn-color-plum: #8d1077;
    --wn-color-plum-ring: rgba(141,16,119,.07);

    --wn-color-magenta-strong: #b40070;
    --wn-color-magenta-deep: #ad007d;

    --wn-color-hero-start: #5e006f;
    --wn-color-hero-end: #a40072;
    --wn-color-back-link: #6f006f;

    --wn-color-auth-focus: #9b0082;
    --wn-color-auth-focus-ring: rgba(155,0,130,.09);
    --wn-color-auth-link: #70006b;
    --wn-color-consent-accent: #e82f8c;


    /* ======================================================
       LAYOUT / COMPACT UI SCALE
       Reference: connections / following page
    ====================================================== */

    --wn-layout-content-max: 820px;
    --wn-layout-content-tablet-max: 760px;
    --wn-community-column-max: 360px;

    /* Community card — approved compact spacing */
    --wn-community-card-inline: 9px;
    --wn-community-card-head-bottom: 3px;
    --wn-community-card-question-top: 1px;
    --wn-community-card-question-bottom: 5px;
    --wn-community-card-content-top: 7px;
    --wn-community-card-content-inline: 12px;
    --wn-community-card-feed-gap: 9px;

    /* Community card — approved compact dimensions */
    --wn-community-card-avatar-size: 38px;
    --wn-community-card-more-size: 38px;
    --wn-community-action-bar-min-height: 39px;
    --wn-community-action-size: 32px;
    --wn-community-action-icon-size: 19px;

    /* Community composer — approved responsive dimensions */
    --wn-community-composer-bar-height: 50px;
    --wn-community-composer-bar-height-mobile: 48px;
    --wn-community-composer-profile-size: 38px;
    --wn-community-composer-media-size: 36px;
    --wn-community-composer-avatar-size: 36px;
    --wn-community-composer-icon-size: 19px;
    --wn-community-composer-control-size-mobile: 35px;
    --wn-community-composer-avatar-size-mobile: 34px;
    --wn-community-composer-caption-height: 36px;
    --wn-community-composer-publish-height: 34px;
    --wn-community-composer-publish-width: 46px;
    --wn-community-composer-publish-width-mobile: 44px;

    --wn-size-control: 48px;
    --wn-size-control-mobile: 46px;
    --wn-size-control-compact: 46px;
    --wn-size-tab-mobile: 44px;
    --wn-size-avatar: 44px;

    --wn-radius-ui: 14px;
    --wn-radius-avatar: 13px;
    --wn-radius-action: 11px;

    --wn-space-2xs: 4px;
    --wn-space-xs: 6px;
    --wn-space-sm: 8px;
    --wn-space-md: 10px;
    --wn-space-lg: 12px;
    --wn-space-xl: 14px;

    --wn-compact-gutter-desktop: 24px;
    --wn-compact-gutter-tablet: 20px;
    --wn-compact-gutter-mobile: 10px;
    --wn-compact-gutter-mobile-tight: 8px;

    --wn-compact-page-top-desktop: 24px;
    --wn-compact-page-top-tablet: 20px;
    --wn-compact-page-top-mobile: 12px;

    --wn-compact-page-bottom-desktop: 56px;
    --wn-compact-page-bottom-tablet: 48px;
    --wn-compact-page-bottom-mobile: 36px;

    --wn-font-size-micro: 9px;
    --wn-font-size-meta: 10px;
    --wn-font-size-xs: 11px;
    --wn-font-size-sm: 12px;
    --wn-font-size-md: 13px;
    --wn-font-size-base: 14px;

    --wn-font-size-avatar: 18px;
    --wn-font-size-title-mobile: 20px;
    --wn-font-size-title: 22px;

    --wn-font-weight-bold: 700;
    --wn-font-weight-extra-bold: 800;
    --wn-font-weight-black: 900;

    --wn-line-height-tight: 1.2;
    --wn-line-height-title: 1.3;

    /* ======================================================
       STANDALONE PUBLIC INFORMATION PAGES
       Exact current visual palette — centralized only.
    ====================================================== */

    --wn-color-info-brand: #7a0b66;
    --wn-color-info-accent: #e82f8c;

    --wn-color-info-page: #fbf7fb;
    --wn-color-info-surface: #fff;
    --wn-color-info-surface-soft: #fcf8fc;

    --wn-color-info-ink: #38263a;
    --wn-color-info-text: #645568;
    --wn-color-info-muted: #746578;

    --wn-color-info-border: #eadfeb;
    --wn-color-info-control-border: #e5d6e7;
    --wn-color-info-border-soft: #eee1ef;
    --wn-color-info-divider: #eee2ef;
    --wn-color-info-topbar-line: #eee3ef;

    /* Remaining exact standalone information-page palette */
    --wn-color-info-heading: #6f175f;
    --wn-color-info-heading-deep: #5c174f;
    --wn-color-info-muted-deep: #6d5b70;
    --wn-color-info-text-alt: #665568;
    --wn-color-info-text-subtle: #655669;
    --wn-color-info-registration-text: #6f6072;

    --wn-color-info-surface-faint: #fcf9fc;
    --wn-color-info-surface-alt: #faf7fb;
    --wn-color-info-icon-bg: #f8edf8;

    --wn-color-info-section-line: #f0e6f1;
    --wn-color-info-secondary-border: #e1d1e3;

    --wn-color-info-warning-bg: #fff8e8;
    --wn-color-info-warning-border: #f0dfb4;
    --wn-color-info-warning-text: #6d5b33;

    --wn-color-info-danger-bg: #fff4f4;
    --wn-color-info-danger-border: #f0d1d1;
    --wn-color-info-danger-text: #7d3f3f;

    --wn-color-info-surface-92: rgba(255,255,255,.92);
    --wn-color-info-surface-86: rgba(255,255,255,.86);
    --wn-color-info-surface-78: rgba(255,255,255,.78);

    --wn-color-info-brand-ring: rgba(122,11,102,.08);
    --wn-color-info-brand-ring-strong: rgba(122,11,102,.09);

    --wn-color-info-card-shadow: rgba(90,0,90,.06);
    --wn-color-info-card-shadow-soft: rgba(90,0,90,.045);
    --wn-color-info-card-shadow-strong: rgba(90,0,90,.07);

    --wn-color-info-plum-shadow: rgba(82,30,79,.07);
    --wn-color-info-plum-shadow-soft: rgba(82,30,79,.04);

    /* ======================================================
       SHARED PUBLIC INFO IDENTITY
       Exact current visual values centralized without
       changing the rendered appearance.
    ====================================================== */

    --wn-color-public-info-brand-dark: #8b145f;
    --wn-color-public-info-deep: #5d145c;
    --wn-color-public-info-text: #4d3a4d;
    --wn-color-public-info-muted: #79697a;
    --wn-color-public-info-text-deep: #574658;

    --wn-color-public-info-page-start: #fffafd;
    --wn-color-public-info-page-end: #fff9fc;

    --wn-color-public-info-brand-42: rgba(208,24,118,.42);
    --wn-color-public-info-brand-32: rgba(208,24,118,.32);
    --wn-color-public-info-brand-13: rgba(208,24,118,.13);
    --wn-color-public-info-brand-12: rgba(208,24,118,.12);
    --wn-color-public-info-brand-11: rgba(208,24,118,.11);
    --wn-color-public-info-brand-10: rgba(208,24,118,.10);
    --wn-color-public-info-brand-09: rgba(208,24,118,.09);
    --wn-color-public-info-brand-085: rgba(208,24,118,.085);
    --wn-color-public-info-brand-025: rgba(208,24,118,.025);

    --wn-color-public-info-purple-25: rgba(110,56,232,.25);
    --wn-color-public-info-purple-22: rgba(110,56,232,.22);
    --wn-color-public-info-purple-075: rgba(110,56,232,.075);
    --wn-color-public-info-purple-07: rgba(110,56,232,.07);
    --wn-color-public-info-purple-055: rgba(110,56,232,.055);

    --wn-color-public-info-line-12: rgba(153,57,132,.12);
    --wn-color-public-info-line-11: rgba(153,57,132,.11);
    --wn-color-public-info-line-105: rgba(153,57,132,.105);
    --wn-color-public-info-line-10: rgba(153,57,132,.10);
    --wn-color-public-info-line-095: rgba(153,57,132,.095);
    --wn-color-public-info-line-09: rgba(153,57,132,.09);

    --wn-color-public-info-surface-84: rgba(255,255,255,.84);
    --wn-color-public-info-surface-82: rgba(255,255,255,.82);
    --wn-color-public-info-surface-75: rgba(255,255,255,.75);
    --wn-color-public-info-surface-72: rgba(255,255,255,.72);
    --wn-color-public-info-surface-67: rgba(255,255,255,.67);
    --wn-color-public-info-surface-66: rgba(255,255,255,.66);
    --wn-color-public-info-surface-60: rgba(255,255,255,.60);
    --wn-color-public-info-surface-52: rgba(255,255,255,.52);
    --wn-color-public-info-surface-34: rgba(255,255,255,.34);
    --wn-color-public-info-surface-16: rgba(255,255,255,.16);
    --wn-color-public-info-surface-12: rgba(255,255,255,.12);
    --wn-color-public-info-surface-06: rgba(255,255,255,.06);

    --wn-color-public-info-shadow-deep-055: rgba(91,28,84,.055);
    --wn-color-public-info-shadow-deep-07: rgba(91,28,84,.07);
    --wn-color-public-info-shadow-deep-035: rgba(91,28,84,.035);
    --wn-color-public-info-shadow-strong-06: rgba(92,24,84,.06);
    --wn-color-public-info-shadow-soft-035: rgba(82,25,76,.035);

    --wn-color-public-info-tint-251-57: rgba(255,251,254,.57);
    --wn-color-public-info-tint-250-78: rgba(255,250,253,.78);
    --wn-color-public-info-tint-249-58: rgba(255,249,253,.58);
    --wn-color-public-info-tint-249-80: rgba(255,249,252,.80);

    /* ======================================================
       CONTACT / FEEDBACK / BETA CENTRAL COLORS
       Exact current visual values — centralized only.
    ====================================================== */

    --wn-color-public-form-primary-dark: #3b114a;
    --wn-color-beta-primary-dark: #4b0751;

    --wn-color-public-form-text: #33283a;
    --wn-color-public-form-muted: #756879;
    --wn-color-beta-muted: #776b78;

    --wn-color-public-form-pink: #d14c8b;
    --wn-color-public-form-pink-soft: #f8d7e8;
    --wn-color-public-form-bg: #f3f4ee;

    --wn-color-whatsapp: #25d366;

    --wn-color-feedback-success-text: #176b37;
    --wn-color-feedback-danger: #b4235a;
    --wn-color-feedback-danger-text: #92264d;

    --wn-color-public-form-primary-07: rgba(122,11,102,.07);
    --wn-color-public-form-primary-10: rgba(122,11,102,.10);
    --wn-color-public-form-primary-12: rgba(122,11,102,.12);
    --wn-color-public-form-primary-13: rgba(122,11,102,.13);
    --wn-color-public-form-primary-18: rgba(122,11,102,.18);
    --wn-color-public-form-primary-22: rgba(122,11,102,.22);
    --wn-color-public-form-primary-52: rgba(122,11,102,.52);

    --wn-color-public-form-border-10: rgba(122,63,122,.10);
    --wn-color-public-form-border-14: rgba(122,63,122,.14);
    --wn-color-public-form-plum-97: rgba(122,63,122,.97);
    --wn-color-public-form-plum-deep-97: rgba(95,46,98,.97);

    --wn-color-public-form-pink-09: rgba(209,76,139,.09);
    --wn-color-public-form-pink-10: rgba(209,76,139,.10);
    --wn-color-public-form-pink-13: rgba(209,76,139,.13);
    --wn-color-public-form-pink-18: rgba(209,76,139,.18);
    --wn-color-public-form-pink-soft-46: rgba(248,215,232,.46);

    --wn-color-public-form-bg-40: rgba(243,244,238,.40);
    --wn-color-public-form-bg-72: rgba(243,244,238,.72);

    --wn-color-public-form-surface-07: rgba(255,255,255,.07);
    --wn-color-public-form-surface-14: rgba(255,255,255,.14);
    --wn-color-public-form-surface-20: rgba(255,255,255,.20);
    --wn-color-public-form-surface-30: rgba(255,255,255,.30);
    --wn-color-public-form-surface-46: rgba(255,255,255,.46);
    --wn-color-public-form-surface-48: rgba(255,255,255,.48);
    --wn-color-public-form-surface-50: rgba(255,255,255,.50);
    --wn-color-public-form-surface-64: rgba(255,255,255,.64);
    --wn-color-public-form-surface-66: rgba(255,255,255,.66);
    --wn-color-public-form-surface-70: rgba(255,255,255,.70);
    --wn-color-public-form-surface-74: rgba(255,255,255,.74);
    --wn-color-public-form-surface-90: rgba(255,255,255,.90);

    --wn-color-public-form-shadow-035: rgba(65,30,75,.035);
    --wn-color-public-form-shadow-04: rgba(65,30,75,.04);
    --wn-color-public-form-shadow-065: rgba(65,30,75,.065);
    --wn-color-public-form-shadow-07: rgba(65,30,75,.07);
    --wn-color-public-form-shadow-08: rgba(65,30,75,.08);
    --wn-color-public-form-shadow-10: rgba(65,30,75,.10);

    --wn-color-whatsapp-12: rgba(37,211,102,.12);
    --wn-color-whatsapp-90: rgba(37,211,102,.90);

    --wn-color-feedback-success-bg: rgba(230,247,236,.94);
    --wn-color-feedback-success-border: rgba(39,139,80,.18);

    --wn-color-feedback-danger-bg: rgba(255,239,242,.95);
    --wn-color-feedback-danger-border: rgba(180,35,90,.16);

    --wn-color-beta-tint-78: rgba(255,247,252,.78);

    /* ======================================================
       FAQ + LEGACY FOOTER COLORS
       Exact current visual values centralized without
       changing the rendered appearance.
    ====================================================== */

    --wn-color-faq-heading-deep: #5f005f;
    --wn-color-faq-text-alt: #66566a;
    --wn-color-faq-border-alt: #eadfea;
    --wn-color-faq-chip-bg: #f3e7f3;
    --wn-color-faq-surface-alt: #faf6fb;
    --wn-color-faq-surface-95: rgba(255,255,255,.95);

    --wn-color-footer-text: #5b5060;
    --wn-color-footer-brand-border-14: rgba(122,11,102,.14);
    --wn-color-footer-accent-08: rgba(232,47,140,.08);
    --wn-color-footer-tint-82: rgba(250,247,250,.82);
    --wn-color-footer-tint-88: rgba(250,247,250,.88);
    --wn-color-footer-surface-58: rgba(255,255,255,.58);
    --wn-color-footer-surface-94: rgba(255,255,255,.94);

    /* ======================================================
       PUBLIC TEXT
    ====================================================== */

    --wn-color-ink: #271924;
    --wn-color-text: #4d4049;
    --wn-color-text-soft: #594a55;
    --wn-color-muted: #8f818b;

    --wn-color-redesign-text: #4c2354;
    --wn-color-redesign-text-soft: #7f6785;


    /* ======================================================
       PUBLIC SURFACES
    ====================================================== */

    --wn-color-page: #fbf9fb;
    --wn-color-site-bg: #ffffff;
    --wn-color-surface: #ffffff;
    --wn-color-line: #eee6ec;

    --wn-color-surface-glass: rgba(255,255,255,.88);
    --wn-color-surface-strong: rgba(255,255,255,.96);
    --wn-color-surface-soft: rgba(255,255,255,.68);
    --wn-color-line-soft: rgba(126,71,113,.13);

    --wn-color-redesign-bg-soft: rgba(255,255,255,.76);
    --wn-color-redesign-bg-strong: rgba(255,255,255,.88);
    --wn-color-redesign-border-soft: rgba(170,82,173,.16);


    /* ======================================================
       PUBLIC STATES
    ====================================================== */

    --wn-color-success: #16a05d;


    /* ======================================================
       ADMIN — CURRENT VISUAL PALETTE
       Kept unchanged during centralization.
    ====================================================== */

    --wn-admin-color-bg: #111315;
    --wn-admin-color-bg-soft: #171a1d;

    --wn-admin-color-panel: rgba(27,30,33,.92);
    --wn-admin-color-panel-2: rgba(34,37,40,.94);
    --wn-admin-color-sidebar: #151719;

    --wn-admin-color-line: rgba(255,255,255,.08);
    --wn-admin-color-line-strong: rgba(255,255,255,.13);

    --wn-admin-color-text: #f5f3ef;
    --wn-admin-color-muted: #979b9f;

    --wn-admin-color-accent: #d99a3e;
    --wn-admin-color-accent-soft: rgba(217,154,62,.13);

    --wn-admin-color-success: #54b981;
    --wn-admin-color-danger: #e46767;

    /* Wain Admin exact palette */
    --wn-admin-color-hex-101214: #101214;
    --wn-admin-color-hex-17120a: #17120a;
    --wn-admin-color-hex-17120b: #17120b;
    --wn-admin-color-hex-18120a: #18120a;
    --wn-admin-color-hex-191c1f: #191c1f;
    --wn-admin-color-hex-1a1d20: #1a1d20;
    --wn-admin-color-hex-1c1f22: #1c1f22;
    --wn-admin-color-hex-5f6468: #5f6468;
    --wn-admin-color-hex-656a6e: #656a6e;
    --wn-admin-color-hex-666b70: #666b70;
    --wn-admin-color-hex-686d72: #686d72;
    --wn-admin-color-hex-6e7378: #6e7378;
    --wn-admin-color-hex-72cc97: #72cc97;
    --wn-admin-color-hex-74787c: #74787c;
    --wn-admin-color-hex-74797e: #74797e;
    --wn-admin-color-hex-757b80: #757b80;
    --wn-admin-color-hex-76d69d: #76d69d;
    --wn-admin-color-hex-777c81: #777c81;
    --wn-admin-color-hex-79d29e: #79d29e;
    --wn-admin-color-hex-7bd39f: #7bd39f;
    --wn-admin-color-hex-7ed5a1: #7ed5a1;
    --wn-admin-color-hex-84898e: #84898e;
    --wn-admin-color-hex-8b9095: #8b9095;
    --wn-admin-color-hex-8e9499: #8e9499;
    --wn-admin-color-hex-969a9f: #969a9f;
    --wn-admin-color-hex-aaadb0: #aaadb0;
    --wn-admin-color-hex-aeb1b4: #aeb1b4;
    --wn-admin-color-hex-aeb2b6: #aeb2b6;
    --wn-admin-color-hex-b8bbbe: #b8bbbe;
    --wn-admin-color-hex-c5c7ca: #c5c7ca;
    --wn-admin-color-hex-c8cbce: #c8cbce;
    --wn-admin-color-hex-c9ccce: #c9ccce;
    --wn-admin-color-hex-cfd2d4: #cfd2d4;
    --wn-admin-color-hex-d2d4d6: #d2d4d6;
    --wn-admin-color-hex-d3d5d7: #d3d5d7;
    --wn-admin-color-hex-d7d9db: #d7d9db;
    --wn-admin-color-hex-d8a35a: #d8a35a;
    --wn-admin-color-hex-d8dadd: #d8dadd;
    --wn-admin-color-hex-d8dade: #d8dade;
    --wn-admin-color-hex-e5484d: #e5484d;
    --wn-admin-color-hex-e5b467: #e5b467;
    --wn-admin-color-hex-e6e8e9: #e6e8e9;
    --wn-admin-color-hex-e88b8b: #e88b8b;
    --wn-admin-color-hex-e9eaeb: #e9eaeb;
    --wn-admin-color-hex-eab05a: #eab05a;
    --wn-admin-color-hex-eb8989: #eb8989;
    --wn-admin-color-hex-eceeef: #eceeef;
    --wn-admin-color-hex-ee8b8b: #ee8b8b;
    --wn-admin-color-hex-efbc69: #efbc69;
    --wn-admin-color-hex-f0bd6d: #f0bd6d;
    --wn-admin-color-hex-f0f1f2: #f0f1f2;
    --wn-admin-color-hex-f1f3f5: #f1f3f5;
    --wn-admin-color-hex-ffb0b0: #ffb0b0;
    --wn-admin-color-hex-ffffff: #fff;
    --wn-admin-color-rgba-0-0-0-0p25: rgba(0,0,0,.25);
    --wn-admin-color-rgba-0-0-0-0p32: rgba(0,0,0,.32);
    --wn-admin-color-rgba-0-0-0-0p34: rgba(0,0,0,.34);
    --wn-admin-color-rgba-17-19-21-0p92: rgba(17,19,21,.92);
    --wn-admin-color-rgba-217-154-62-0p04: rgba(217,154,62,.04);
    --wn-admin-color-rgba-217-154-62-0p05: rgba(217,154,62,.05);
    --wn-admin-color-rgba-217-154-62-0p07: rgba(217,154,62,.07);
    --wn-admin-color-rgba-217-154-62-0p08: rgba(217,154,62,.08);
    --wn-admin-color-rgba-217-154-62-0p1: rgba(217,154,62,.10);
    --wn-admin-color-rgba-217-154-62-0p11: rgba(217,154,62,.11);
    --wn-admin-color-rgba-217-154-62-0p12: rgba(217,154,62,.12);
    --wn-admin-color-rgba-217-154-62-0p18: rgba(217,154,62,.18);
    --wn-admin-color-rgba-217-154-62-0p32: rgba(217,154,62,.32);
    --wn-admin-color-rgba-217-154-62-0p48: rgba(217,154,62,.48);
    --wn-admin-color-rgba-217-154-62-0p55: rgba(217,154,62,.55);
    --wn-admin-color-rgba-228-103-103-0p06: rgba(228,103,103,.06);
    --wn-admin-color-rgba-228-103-103-0p07: rgba(228,103,103,.07);
    --wn-admin-color-rgba-228-103-103-0p09: rgba(228,103,103,.09);
    --wn-admin-color-rgba-228-103-103-0p1: rgba(228,103,103,.10);
    --wn-admin-color-rgba-228-103-103-0p18: rgba(228,103,103,.18);
    --wn-admin-color-rgba-228-103-103-0p2: rgba(228,103,103,.20);
    --wn-admin-color-rgba-229-180-103-0p09: rgba(229,180,103,.09);
    --wn-admin-color-rgba-25-28-31-0p94: rgba(25,28,31,.94);
    --wn-admin-color-rgba-255-255-255-0p015: rgba(255,255,255,.015);
    --wn-admin-color-rgba-255-255-255-0p018: rgba(255,255,255,.018);
    --wn-admin-color-rgba-255-255-255-0p02: rgba(255,255,255,.02);
    --wn-admin-color-rgba-255-255-255-0p025: rgba(255,255,255,.025);
    --wn-admin-color-rgba-255-255-255-0p035: rgba(255,255,255,.035);
    --wn-admin-color-rgba-255-255-255-0p04: rgba(255,255,255,.04);
    --wn-admin-color-rgba-255-255-255-0p045: rgba(255,255,255,.045);
    --wn-admin-color-rgba-255-255-255-0p05: rgba(255,255,255,.05);
    --wn-admin-color-rgba-255-255-255-0p055: rgba(255,255,255,.055);
    --wn-admin-color-rgba-255-255-255-0p06: rgba(255,255,255,.06);
    --wn-admin-color-rgba-84-185-129-0p07: rgba(84,185,129,.07);
    --wn-admin-color-rgba-84-185-129-0p08: rgba(84,185,129,.08);
    --wn-admin-color-rgba-84-185-129-0p09: rgba(84,185,129,.09);
    --wn-admin-color-rgba-84-185-129-0p1: rgba(84,185,129,.10);
    --wn-admin-color-rgba-84-185-129-0p18: rgba(84,185,129,.18);
    --wn-admin-color-rgba-84-185-129-0p2: rgba(84,185,129,.20);
    --wn-admin-color-rgba-84-185-129-0p22: rgba(84,185,129,.22);

    /* ======================================================
       NEW DESIGN COLOR SYSTEM
       Exact existing visual values centralized.
    ====================================================== */

    --wn-color-new-design-primary: #c51b78;
    --wn-color-new-design-primary-2: #a70d68;
    --wn-color-new-design-dark: #351039;
    --wn-color-new-design-text: #322534;
    --wn-color-new-design-muted: #8e7e90;
    --wn-color-new-design-soft: #fff1f7;
    --wn-color-new-design-border: #eee3ea;
    --wn-color-new-design-shadow-07: rgba(68,20,64,.07);
    --wn-color-new-design-shadow-05: rgba(68,20,64,.05);
    --wn-color-new-design-header-line: #f1e7ed;
    --wn-color-new-design-surface-23: rgba(255,255,255,.23);
    --wn-color-new-design-surface-22: rgba(255,255,255,.22);
    --wn-color-new-design-surface-02: rgba(255,255,255,.02);
    --wn-color-new-design-ink-deep: #311035;
    --wn-color-new-design-text-plum: #563b59;
    --wn-color-new-design-card-border: #eadfe6;
    --wn-color-new-design-card-shadow-10: rgba(69,18,66,.10);
    --wn-color-new-design-text-body: #4c3a4d;
    --wn-color-new-design-pink-soft: #fff0f6;
    --wn-color-new-design-pink-border: #f3dce8;
    --wn-color-new-design-pink-surface: #f8d8e8;
    --wn-color-new-design-heading-plum: #422145;
    --wn-color-new-design-muted-alt: #927f91;
    --wn-color-new-design-border-soft: #f2dce8;
    --wn-color-new-design-heading-deep: #321338;
    --wn-color-new-design-text-deep: #2f2231;
    --wn-color-new-design-muted-2: #8a7d8b;
    --wn-color-new-design-heading-2: #38223a;
    --wn-color-new-design-muted-3: #8b7c8d;
    --wn-color-new-design-text-card: #312432;
    --wn-color-new-design-shadow-strong-10: rgba(50,10,50,.10);
    --wn-color-new-design-page-soft: #fff7fb;
    --wn-color-new-design-text-alt: #342637;
    --wn-color-new-design-muted-4: #8b7d8c;
    --wn-color-new-design-muted-5: #968797;
    --wn-color-new-design-gradient-start: #70106f;
    --wn-color-new-design-gradient-end: #a01879;

}

/* =========================================================
   WAIN NAKUL V4 — CENTRAL COLOR TOKENS
========================================================= */
:root {
    --wn-color-v4-1479b8: #1479b8;
    --wn-color-v4-229551: #229551;
    --wn-color-v4-238357: #238357;
    --wn-color-v4-239552: #239552;
    --wn-color-v4-27845a: #27845a;
    --wn-color-v4-2d1025: #2d1025;
    --wn-color-v4-321127: #321127;
    --wn-color-v4-351128: #351128;
    --wn-color-v4-4e3946: #4e3946;
    --wn-color-v4-51414b: #51414b;
    --wn-color-v4-65545f: #65545f;
    --wn-color-v4-675660: #675660;
    --wn-color-v4-675762: #675762;
    --wn-color-v4-6e5c68: #6e5c68;
    --wn-color-v4-70606a: #70606a;
    --wn-color-v4-725f6e: #725f6e;
    --wn-color-v4-76616f: #76616f;
    --wn-color-v4-786874: #786874;
    --wn-color-v4-7b6a74: #7b6a74;
    --wn-color-v4-806d79: #806d79;
    --wn-color-v4-806e79: #806e79;
    --wn-color-v4-85105f: #85105f;
    --wn-color-v4-8b7a85: #8b7a85;
    --wn-color-v4-8f1765: #8f1765;
    --wn-color-v4-901563: #901563;
    --wn-color-v4-931565: #931565;
    --wn-color-v4-941364: #941364;
    --wn-color-v4-95858e: #95858e;
    --wn-color-v4-971568: #971568;
    --wn-color-v4-9a6e00: #9a6e00;
    --wn-color-v4-9b176b: #9b176b;
    --wn-color-v4-9c1b6d: #9c1b6d;
    --wn-color-v4-9d196d: #9d196d;
    --wn-color-v4-9f1c70: #9f1c70;
    --wn-color-v4-a01170: #a01170;
    --wn-color-v4-a01271: #a01271;
    --wn-color-v4-a11770: #a11770;
    --wn-color-v4-a31770: #a31770;
    --wn-color-v4-b01879: #b01879;
    --wn-color-v4-b53c4c: #b53c4c;
    --wn-color-v4-b64646: #b64646;
    --wn-color-v4-d7efff: #d7efff;
    --wn-color-v4-dfd2da: #dfd2da;
    --wn-color-v4-ead4df: #ead4df;
    --wn-color-v4-ecd7e3: #ecd7e3;
    --wn-color-v4-edf9f1: #edf9f1;
    --wn-color-v4-eeeeee: #eeeeee;
    --wn-color-v4-eef8ff: #eef8ff;
    --wn-color-v4-eefaf4: #eefaf4;
    --wn-color-v4-efeaf0: #efeaf0;
    --wn-color-v4-f0e5eb: #f0e5eb;
    --wn-color-v4-f0ebee: #f0ebee;
    --wn-color-v4-f0faf5: #f0faf5;
    --wn-color-v4-f2e9ee: #f2e9ee;
    --wn-color-v4-f3e6ed: #f3e6ed;
    --wn-color-v4-f5d9ea: #f5d9ea;
    --wn-color-v4-f5ebff: #f5ebff;
    --wn-color-v4-f7d8e7: #f7d8e7;
    --wn-color-v4-f7e8f0: #f7e8f0;
    --wn-color-v4-f7edf2: #f7edf2;
    --wn-color-v4-f7edf5: #f7edf5;
    --wn-color-v4-f7f1f5: #f7f1f5;
    --wn-color-v4-f8dce9: #f8dce9;
    --wn-color-v4-f8edf4: #f8edf4;
    --wn-color-v4-f8eef4: #f8eef4;
    --wn-color-v4-fbe8f3: #fbe8f3;
    --wn-color-v4-fff0f0: #fff0f0;
    --wn-color-v4-fff1f2: #fff1f2;
    --wn-color-v4-fff2f8: #fff2f8;
    --wn-color-v4-fff3f8: #fff3f8;
    --wn-color-v4-fff3f9: #fff3f9;
    --wn-color-v4-fff4fa: #fff4fa;
    --wn-color-v4-fff7fa: #fff7fa;
    --wn-color-v4-fff8fb: #fff8fb;
    --wn-color-v4-fffafb: #fffafb;
    --wn-color-v4-rgba-101-24-75-08: rgba(101,24,75,.08);
    --wn-color-v4-rgba-105-25-79-08: rgba(105,25,79,.08);
    --wn-color-v4-rgba-112-22-81-08: rgba(112,22,81,.08);
    --wn-color-v4-rgba-124-0-93-96: rgba(124,0,93,.96);
    --wn-color-v4-rgba-124-35-94-08: rgba(124,35,94,.08);
    --wn-color-v4-rgba-125-35-94-08: rgba(125,35,94,.08);
    --wn-color-v4-rgba-125-36-95-08: rgba(125,36,95,.08);
    --wn-color-v4-rgba-126-18-84-18: rgba(126,18,84,.18);
    --wn-color-v4-rgba-126-32-96-1: rgba(126,32,96,.1);
    --wn-color-v4-rgba-136-19-90-24: rgba(136,19,90,.24);
    --wn-color-v4-rgba-142-28-95-1: rgba(142,28,95,.1);
    --wn-color-v4-rgba-151-25-101-14: rgba(151,25,101,.14);
    --wn-color-v4-rgba-191-42-121-9: rgba(191,42,121,.9);
    --wn-color-v4-rgba-208-24-118-08: rgba(208,24,118,.08);
    --wn-color-v4-rgba-208-24-118-2: rgba(208,24,118,.2);
    --wn-color-v4-rgba-208-24-118-22: rgba(208,24,118,.22);
    --wn-color-v4-rgba-214-189-205-8: rgba(214,189,205,.8);
    --wn-color-v4-rgba-238-230-236-9: rgba(238,230,236,.9);
    --wn-color-v4-rgba-255-230-242-62: rgba(255,230,242,.62);
    --wn-color-v4-rgba-255-232-242-5: rgba(255,232,242,.5);
    --wn-color-v4-rgba-255-242-249-98: rgba(255,242,249,.98);
    --wn-color-v4-rgba-255-255-255-08: rgba(255,255,255,.08);
    --wn-color-v4-rgba-255-255-255-09: rgba(255,255,255,.09);
    --wn-color-v4-rgba-255-255-255-13: rgba(255,255,255,.13);
    --wn-color-v4-rgba-255-255-255-55: rgba(255,255,255,.55);
    --wn-color-v4-rgba-255-255-255-62: rgba(255,255,255,.62);
    --wn-color-v4-rgba-255-255-255-97: rgba(255,255,255,.97);
    --wn-color-v4-rgba-255-255-255-98: rgba(255,255,255,.98);
    --wn-color-v4-rgba-34-128-86-14: rgba(34,128,86,.14);
    --wn-color-v4-rgba-38-9-29-78: rgba(38,9,29,.78);
    --wn-color-v4-rgba-39-25-36-04: rgba(39,25,36,.04);
    --wn-color-v4-rgba-51-17-42-18: rgba(51,17,42,.18);
    --wn-color-v4-rgba-55-20-46-08: rgba(55,20,46,.08);
    --wn-color-v4-rgba-57-20-47-08: rgba(57,20,47,.08);
    --wn-color-v4-rgba-61-18-46-035: rgba(61,18,46,.035);
    --wn-color-v4-rgba-61-18-46-045: rgba(61,18,46,.045);
    --wn-color-v4-rgba-61-18-46-06: rgba(61,18,46,.06);
    --wn-color-v4-rgba-61-18-46-08: rgba(61,18,46,.08);
    --wn-color-v4-rgba-65-23-51-05: rgba(65,23,51,.05);
    --wn-color-v4-rgba-67-25-53-05: rgba(67,25,53,.05);
    --wn-color-v4-rgba-68-23-53-09: rgba(68,23,53,.09);
    --wn-color-v4-rgba-70-22-54-13: rgba(70,22,54,.13);
    --wn-color-v4-rgba-70-28-57-045: rgba(70,28,57,.045);
    --wn-color-v4-rgba-70-28-57-06: rgba(70,28,57,.06);
    --wn-color-v4-rgba-70-28-57-08: rgba(70,28,57,.08);
    --wn-color-v4-rgba-73-28-59-04: rgba(73,28,59,.04);
    --wn-color-v4-rgba-74-22-56-06: rgba(74,22,56,.06);
    --wn-color-v4-rgba-82-24-61-08: rgba(82,24,61,.08);
    --wn-color-v4-rgba-82-34-68-035: rgba(82,34,68,.035);
    --wn-color-v4-rgba-90-24-66-08: rgba(90,24,66,.08);
    --wn-color-v4-rgba-91-24-67-17: rgba(91,24,67,.17);
    --wn-color-v4-rgba-95-15-73-16: rgba(95,15,73,.16);
    --wn-color-v4-rgba-99-22-70-1: rgba(99,22,70,.1);
}

/* ==========================================================
   IDENTITY V1 — CENTRAL COLOR TOKENS
========================================================== */
:root {
    --wn-color-identity-hex-332532: #332532;
    --wn-color-identity-hex-3f2140: #3f2140;
    --wn-color-identity-hex-5d4b5c: #5d4b5c;
    --wn-color-identity-hex-5f4a61: #5f4a61;
    --wn-color-identity-hex-665563: #665563;
    --wn-color-identity-hex-6b0f65: #6b0f65;
    --wn-color-identity-hex-6e5b69: #6e5b69;
    --wn-color-identity-hex-6f5d6b: #6f5d6b;
    --wn-color-identity-hex-756472: #756472;
    --wn-color-identity-hex-756572: #756572;
    --wn-color-identity-hex-765f76: #765f76;
    --wn-color-identity-hex-786976: #786976;
    --wn-color-identity-hex-806b82: #806b82;
    --wn-color-identity-hex-8d7b89: #8d7b89;
    --wn-color-identity-rgba-101-0-104-p05: rgba(101,0,104,.05);
    --wn-color-identity-rgba-101-0-104-p055: rgba(101,0,104,.055);
    --wn-color-identity-rgba-101-0-104-p06: rgba(101,0,104,.06);
    --wn-color-identity-rgba-101-0-104-p065: rgba(101,0,104,.065);
    --wn-color-identity-rgba-101-0-104-p07: rgba(101,0,104,.07);
    --wn-color-identity-rgba-101-0-104-p075: rgba(101,0,104,.075);
    --wn-color-identity-rgba-101-0-104-p08: rgba(101,0,104,.08);
    --wn-color-identity-rgba-101-0-104-p09: rgba(101,0,104,.09);
    --wn-color-identity-rgba-101-0-104-p1: rgba(101,0,104,.1);
    --wn-color-identity-rgba-101-0-104-p11: rgba(101,0,104,.11);
    --wn-color-identity-rgba-101-0-104-p12: rgba(101,0,104,.12);
    --wn-color-identity-rgba-101-0-104-p13: rgba(101,0,104,.13);
    --wn-color-identity-rgba-101-0-104-p16: rgba(101,0,104,.16);
    --wn-color-identity-rgba-110-56-232-p035: rgba(110,56,232,.035);
    --wn-color-identity-rgba-110-56-232-p04: rgba(110,56,232,.04);
    --wn-color-identity-rgba-110-56-232-p06: rgba(110,56,232,.06);
    --wn-color-identity-rgba-110-56-232-p065: rgba(110,56,232,.065);
    --wn-color-identity-rgba-110-56-232-p08: rgba(110,56,232,.08);
    --wn-color-identity-rgba-110-56-232-p09: rgba(110,56,232,.09);
    --wn-color-identity-rgba-110-56-232-p1: rgba(110,56,232,.1);
    --wn-color-identity-rgba-110-56-232-p11: rgba(110,56,232,.11);
    --wn-color-identity-rgba-110-56-232-p12: rgba(110,56,232,.12);
    --wn-color-identity-rgba-110-56-232-p16: rgba(110,56,232,.16);
    --wn-color-identity-rgba-110-56-232-p18: rgba(110,56,232,.18);
    --wn-color-identity-rgba-110-56-232-p24: rgba(110,56,232,.24);
    --wn-color-identity-rgba-110-56-232-p28: rgba(110,56,232,.28);
    --wn-color-identity-rgba-110-56-232-p32: rgba(110,56,232,.32);
    --wn-color-identity-rgba-110-56-232-p34: rgba(110,56,232,.34);
    --wn-color-identity-rgba-110-56-232-p54: rgba(110,56,232,.54);
    --wn-color-identity-rgba-134-16-95-p035: rgba(134,16,95,.035);
    --wn-color-identity-rgba-134-16-95-p055: rgba(134,16,95,.055);
    --wn-color-identity-rgba-134-16-95-p06: rgba(134,16,95,.06);
    --wn-color-identity-rgba-134-16-95-p075: rgba(134,16,95,.075);
    --wn-color-identity-rgba-134-16-95-p1: rgba(134,16,95,.1);
    --wn-color-identity-rgba-134-16-95-p11: rgba(134,16,95,.11);
    --wn-color-identity-rgba-134-16-95-p12: rgba(134,16,95,.12);
    --wn-color-identity-rgba-134-16-95-p13: rgba(134,16,95,.13);
    --wn-color-identity-rgba-134-16-95-p14: rgba(134,16,95,.14);
    --wn-color-identity-rgba-134-16-95-p15: rgba(134,16,95,.15);
    --wn-color-identity-rgba-134-16-95-p16: rgba(134,16,95,.16);
    --wn-color-identity-rgba-134-16-95-p18: rgba(134,16,95,.18);
    --wn-color-identity-rgba-134-16-95-p2: rgba(134,16,95,.2);
    --wn-color-identity-rgba-134-16-95-p24: rgba(134,16,95,.24);
    --wn-color-identity-rgba-134-16-95-p38: rgba(134,16,95,.38);
    --wn-color-identity-rgba-134-16-95-p62: rgba(134,16,95,.62);
    --wn-color-identity-rgba-134-16-95-p82: rgba(134,16,95,.82);
    --wn-color-identity-rgba-208-24-118-p035: rgba(208,24,118,.035);
    --wn-color-identity-rgba-208-24-118-p045: rgba(208,24,118,.045);
    --wn-color-identity-rgba-208-24-118-p055: rgba(208,24,118,.055);
    --wn-color-identity-rgba-208-24-118-p065: rgba(208,24,118,.065);
    --wn-color-identity-rgba-208-24-118-p07: rgba(208,24,118,.07);
    --wn-color-identity-rgba-208-24-118-p075: rgba(208,24,118,.075);
    --wn-color-identity-rgba-208-24-118-p14: rgba(208,24,118,.14);
    --wn-color-identity-rgba-208-24-118-p15: rgba(208,24,118,.15);
    --wn-color-identity-rgba-208-24-118-p16: rgba(208,24,118,.16);
    --wn-color-identity-rgba-208-24-118-p18: rgba(208,24,118,.18);
    --wn-color-identity-rgba-208-24-118-p23: rgba(208,24,118,.23);
    --wn-color-identity-rgba-208-24-118-p24: rgba(208,24,118,.24);
    --wn-color-identity-rgba-208-24-118-p34: rgba(208,24,118,.34);
    --wn-color-identity-rgba-208-24-118-p4: rgba(208,24,118,.4);
    --wn-color-identity-rgba-208-24-118-p44: rgba(208,24,118,.44);
    --wn-color-identity-rgba-208-24-118-p45: rgba(208,24,118,.45);
    --wn-color-identity-rgba-208-24-118-p46: rgba(208,24,118,.46);
    --wn-color-identity-rgba-208-24-118-p48: rgba(208,24,118,.48);
    --wn-color-identity-rgba-208-24-118-p5: rgba(208,24,118,.5);
    --wn-color-identity-rgba-208-24-118-p58: rgba(208,24,118,.58);
    --wn-color-identity-rgba-208-24-118-p62: rgba(208,24,118,.62);
    --wn-color-identity-rgba-208-24-118-p68: rgba(208,24,118,.68);
    --wn-color-identity-rgba-208-24-118-p7: rgba(208,24,118,.7);
    --wn-color-identity-rgba-245-234-255-p94: rgba(245,234,255,.94);
    --wn-color-identity-rgba-248-241-255-p92: rgba(248,241,255,.92);
    --wn-color-identity-rgba-255-236-247-p72: rgba(255,236,247,.72);
    --wn-color-identity-rgba-255-239-247-p96: rgba(255,239,247,.96);
    --wn-color-identity-rgba-255-239-248-p76: rgba(255,239,248,.76);
    --wn-color-identity-rgba-255-239-248-p82: rgba(255,239,248,.82);
    --wn-color-identity-rgba-255-242-249-p78: rgba(255,242,249,.78);
    --wn-color-identity-rgba-255-243-250-p89: rgba(255,243,250,.89);
    --wn-color-identity-rgba-255-245-250-p72: rgba(255,245,250,.72);
    --wn-color-identity-rgba-255-247-251-p78: rgba(255,247,251,.78);
    --wn-color-identity-rgba-255-248-252-p72: rgba(255,248,252,.72);
    --wn-color-identity-rgba-255-248-252-p82: rgba(255,248,252,.82);
    --wn-color-identity-rgba-255-248-252-p94: rgba(255,248,252,.94);
    --wn-color-identity-rgba-255-250-253-p96: rgba(255,250,253,.96);
    --wn-color-identity-rgba-255-251-253-p86: rgba(255,251,253,.86);
    --wn-color-identity-rgba-255-255-255-p56: rgba(255,255,255,.56);
    --wn-color-identity-rgba-255-255-255-p8: rgba(255,255,255,.8);
    --wn-color-identity-rgba-255-255-255-p93: rgba(255,255,255,.93);
    --wn-color-identity-rgba-75-27-61-p07: rgba(75,27,61,.07);
    --wn-color-identity-rgba-75-27-61-p1: rgba(75,27,61,.1);
    --wn-color-identity-rgba-97-24-89-p045: rgba(97,24,89,.045);
    --wn-color-identity-rgba-97-24-89-p055: rgba(97,24,89,.055);
    --wn-color-identity-rgba-97-24-89-p08: rgba(97,24,89,.08);
}

/* ==========================================================
   WAIN NAKUL REDESIGN V1 — CENTRAL COLOR TOKENS
========================================================== */
:root {
    --wn-color-redesign-value-hex-241363: #241363;
    --wn-color-redesign-value-hex-24156f: #24156f;
    --wn-color-redesign-value-hex-281a6a: #281a6a;
    --wn-color-redesign-value-hex-2d216f: #2d216f;
    --wn-color-redesign-value-hex-302079: #302079;
    --wn-color-redesign-value-hex-321b74: #321b74;
    --wn-color-redesign-value-hex-341d83: #341d83;
    --wn-color-redesign-value-hex-34276e: #34276e;
    --wn-color-redesign-value-hex-351253: #351253;
    --wn-color-redesign-value-hex-351778: #351778;
    --wn-color-redesign-value-hex-352080: #352080;
    --wn-color-redesign-value-hex-392b70: #392b70;
    --wn-color-redesign-value-hex-3d197c: #3d197c;
    --wn-color-redesign-value-hex-421850: #421850;
    --wn-color-redesign-value-hex-452083: #452083;
    --wn-color-redesign-value-hex-453572: #453572;
    --wn-color-redesign-value-hex-481483: #481483;
    --wn-color-redesign-value-hex-48205b: #48205b;
    --wn-color-redesign-value-hex-491750: #491750;
    --wn-color-redesign-value-hex-4c195f: #4c195f;
    --wn-color-redesign-value-hex-4d4260: #4d4260;
    --wn-color-redesign-value-hex-4e3a61: #4e3a61;
    --wn-color-redesign-value-hex-54104f: #54104f;
    --wn-color-redesign-value-hex-5b216e: #5b216e;
    --wn-color-redesign-value-hex-5d245f: #5d245f;
    --wn-color-redesign-value-hex-5e155d: #5e155d;
    --wn-color-redesign-value-hex-64295f: #64295f;
    --wn-color-redesign-value-hex-654fd7: #654fd7;
    --wn-color-redesign-value-hex-671467: #671467;
    --wn-color-redesign-value-hex-6f5a6e: #6f5a6e;
    --wn-color-redesign-value-hex-74576f: #74576f;
    --wn-color-redesign-value-hex-756875: #756875;
    --wn-color-redesign-value-hex-765873: #765873;
    --wn-color-redesign-value-hex-7667a7: #7667a7;
    --wn-color-redesign-value-hex-7765f6: #7765f6;
    --wn-color-redesign-value-hex-7b2867: #7b2867;
    --wn-color-redesign-value-hex-80637d: #80637d;
    --wn-color-redesign-value-hex-80677d: #80677d;
    --wn-color-redesign-value-hex-806c82: #806c82;
    --wn-color-redesign-value-hex-8454d8: #8454d8;
    --wn-color-redesign-value-hex-876982: #876982;
    --wn-color-redesign-value-hex-8964d9: #8964d9;
    --wn-color-redesign-value-hex-8b51ec: #8b51ec;
    --wn-color-redesign-value-hex-9b668d: #9b668d;
    --wn-color-redesign-value-hex-9f267e: #9f267e;
    --wn-color-redesign-value-hex-a14ee8: #a14ee8;
    --wn-color-redesign-value-hex-a54ee6: #a54ee6;
    --wn-color-redesign-value-hex-a64fe7: #a64fe7;
    --wn-color-redesign-value-hex-aaa1ae: #aaa1ae;
    --wn-color-redesign-value-hex-b12078: #b12078;
    --wn-color-redesign-value-hex-b34dc4: #b34dc4;
    --wn-color-redesign-value-hex-b51b68: #b51b68;
    --wn-color-redesign-value-hex-bd6949: #bd6949;
    --wn-color-redesign-value-hex-c51a69: #c51a69;
    --wn-color-redesign-value-hex-c51b70: #c51b70;
    --wn-color-redesign-value-hex-c83dd7: #c83dd7;
    --wn-color-redesign-value-hex-c91d73: #c91d73;
    --wn-color-redesign-value-hex-ce1d75: #ce1d75;
    --wn-color-redesign-value-hex-ce51df: #ce51df;
    --wn-color-redesign-value-hex-cf1d73: #cf1d73;
    --wn-color-redesign-value-hex-cf51df: #cf51df;
    --wn-color-redesign-value-hex-d21e78: #d21e78;
    --wn-color-redesign-value-hex-d31c79: #d31c79;
    --wn-color-redesign-value-hex-d83f91: #d83f91;
    --wn-color-redesign-value-hex-df6a6a: #df6a6a;
    --wn-color-redesign-value-hex-e34e83: #e34e83;
    --wn-color-redesign-value-hex-eb3d92: #eb3d92;
    --wn-color-redesign-value-hex-eb718f: #eb718f;
    --wn-color-redesign-value-hex-ec287d: #ec287d;
    --wn-color-redesign-value-hex-ec3c93: #ec3c93;
    --wn-color-redesign-value-hex-ed3c91: #ed3c91;
    --wn-color-redesign-value-hex-ee3b97: #ee3b97;
    --wn-color-redesign-value-hex-ef287d: #ef287d;
    --wn-color-redesign-value-hex-ef3c97: #ef3c97;
    --wn-color-redesign-value-hex-f3efff: #f3efff;
    --wn-color-redesign-value-hex-f6f1ff: #f6f1ff;
    --wn-color-redesign-value-hex-f6f4ff: #f6f4ff;
    --wn-color-redesign-value-hex-f7eeff: #f7eeff;
    --wn-color-redesign-value-hex-faf7fc: #faf7fc;
    --wn-color-redesign-value-hex-fdf7fb: #fdf7fb;
    --wn-color-redesign-value-hex-ff5cac: #ff5cac;
    --wn-color-redesign-value-hex-fff2f6: #fff2f6;
    --wn-color-redesign-value-hex-fff5fa: #fff5fa;
    --wn-color-redesign-value-hex-fff9ef: #fff9ef;
    --wn-color-redesign-value-hex-fffaf6: #fffaf6;
    --wn-color-redesign-value-rgba-104-73-214-p08: rgba(104,73,214,0.08);
    --wn-color-redesign-value-rgba-105-38-112-p08: rgba(105,38,112,0.08);
    --wn-color-redesign-value-rgba-109-82-182-p08: rgba(109,82,182,0.08);
    --wn-color-redesign-value-rgba-111-67-122-p07: rgba(111,67,122,0.07);
    --wn-color-redesign-value-rgba-112-196-255-p12: rgba(112,196,255,0.12);
    --wn-color-redesign-value-rgba-117-77-170-p08: rgba(117,77,170,0.08);
    --wn-color-redesign-value-rgba-120-40-140-p12: rgba(120,40,140,0.12);
    --wn-color-redesign-value-rgba-127-55-143-p08: rgba(127,55,143,0.08);
    --wn-color-redesign-value-rgba-127-55-143-p1: rgba(127,55,143,0.1);
    --wn-color-redesign-value-rgba-136-67-145-p08: rgba(136,67,145,0.08);
    --wn-color-redesign-value-rgba-142-46-137-p15: rgba(142,46,137,0.15);
    --wn-color-redesign-value-rgba-147-55-145-p14: rgba(147,55,145,0.14);
    --wn-color-redesign-value-rgba-147-55-145-p15: rgba(147,55,145,0.15);
    --wn-color-redesign-value-rgba-148-55-144-p09: rgba(148,55,144,0.09);
    --wn-color-redesign-value-rgba-148-55-144-p1: rgba(148,55,144,0.1);
    --wn-color-redesign-value-rgba-148-55-144-p11: rgba(148,55,144,0.11);
    --wn-color-redesign-value-rgba-148-55-144-p12: rgba(148,55,144,0.12);
    --wn-color-redesign-value-rgba-148-55-144-p14: rgba(148,55,144,0.14);
    --wn-color-redesign-value-rgba-153-62-154-p08: rgba(153,62,154,0.08);
    --wn-color-redesign-value-rgba-154-58-145-p1: rgba(154,58,145,0.1);
    --wn-color-redesign-value-rgba-159-63-157-p13: rgba(159,63,157,0.13);
    --wn-color-redesign-value-rgba-163-66-154-p15: rgba(163,66,154,0.15);
    --wn-color-redesign-value-rgba-163-76-157-p08: rgba(163,76,157,0.08);
    --wn-color-redesign-value-rgba-170-62-162-p12: rgba(170,62,162,0.12);
    --wn-color-redesign-value-rgba-171-64-173-p18: rgba(171,64,173,0.18);
    --wn-color-redesign-value-rgba-173-67-177-p18: rgba(173,67,177,0.18);
    --wn-color-redesign-value-rgba-173-67-177-p2: rgba(173,67,177,0.2);
    --wn-color-redesign-value-rgba-173-67-177-p24: rgba(173,67,177,0.24);
    --wn-color-redesign-value-rgba-173-87-177-p14: rgba(173,87,177,0.14);
    --wn-color-redesign-value-rgba-173-87-177-p16: rgba(173,87,177,0.16);
    --wn-color-redesign-value-rgba-174-61-171-p2: rgba(174,61,171,0.2);
    --wn-color-redesign-value-rgba-177-64-176-p22: rgba(177,64,176,0.22);
    --wn-color-redesign-value-rgba-185-30-116-p2: rgba(185,30,116,0.2);
    --wn-color-redesign-value-rgba-187-55-149-p1: rgba(187,55,149,0.1);
    --wn-color-redesign-value-rgba-190-59-213-p72: rgba(190,59,213,0.72);
    --wn-color-redesign-value-rgba-190-62-158-p12: rgba(190,62,158,0.12);
    --wn-color-redesign-value-rgba-191-49-158-p18: rgba(191,49,158,0.18);
    --wn-color-redesign-value-rgba-191-52-215-p7: rgba(191,52,215,0.7);
    --wn-color-redesign-value-rgba-192-53-161-p16: rgba(192,53,161,0.16);
    --wn-color-redesign-value-rgba-193-21-115-p05: rgba(193,21,115,0.05);
    --wn-color-redesign-value-rgba-193-21-115-p08: rgba(193,21,115,0.08);
    --wn-color-redesign-value-rgba-193-28-111-p16: rgba(193,28,111,0.16);
    --wn-color-redesign-value-rgba-194-24-117-p18: rgba(194,24,117,0.18);
    --wn-color-redesign-value-rgba-201-127-198-p22: rgba(201,127,198,0.22);
    --wn-color-redesign-value-rgba-201-25-107-p24: rgba(201,25,107,0.24);
    --wn-color-redesign-value-rgba-201-49-176-p2: rgba(201,49,176,0.2);
    --wn-color-redesign-value-rgba-202-29-113-p12: rgba(202,29,113,0.12);
    --wn-color-redesign-value-rgba-203-131-202-p18: rgba(203,131,202,0.18);
    --wn-color-redesign-value-rgba-203-61-215-p22: rgba(203,61,215,0.22);
    --wn-color-redesign-value-rgba-207-29-115-p09: rgba(207,29,115,0.09);
    --wn-color-redesign-value-rgba-207-29-115-p1: rgba(207,29,115,0.1);
    --wn-color-redesign-value-rgba-210-30-120-p08: rgba(210,30,120,0.08);
    --wn-color-redesign-value-rgba-210-30-120-p1: rgba(210,30,120,0.1);
    --wn-color-redesign-value-rgba-218-48-145-0: rgba(218,48,145,0);
    --wn-color-redesign-value-rgba-218-48-145-p13: rgba(218,48,145,0.13);
    --wn-color-redesign-value-rgba-220-57-145-p42: rgba(220,57,145,0.42);
    --wn-color-redesign-value-rgba-222-58-145-p08: rgba(222,58,145,0.08);
    --wn-color-redesign-value-rgba-230-247-255-p86: rgba(230,247,255,0.86);
    --wn-color-redesign-value-rgba-230-60-153-0: rgba(230,60,153,0);
    --wn-color-redesign-value-rgba-230-60-153-p15: rgba(230,60,153,0.15);
    --wn-color-redesign-value-rgba-232-56-150-p08: rgba(232,56,150,0.08);
    --wn-color-redesign-value-rgba-235-55-145-p05: rgba(235,55,145,0.05);
    --wn-color-redesign-value-rgba-242-238-255-p98: rgba(242,238,255,0.98);
    --wn-color-redesign-value-rgba-246-232-255-p86: rgba(246,232,255,0.86);
    --wn-color-redesign-value-rgba-252-242-251-p67: rgba(252,242,251,0.67);
    --wn-color-redesign-value-rgba-255-126-211-p06: rgba(255,126,211,0.06);
    --wn-color-redesign-value-rgba-255-128-208-p14: rgba(255,128,208,0.14);
    --wn-color-redesign-value-rgba-255-177-85-p06: rgba(255,177,85,0.06);
    --wn-color-redesign-value-rgba-255-225-244-p84: rgba(255,225,244,0.84);
    --wn-color-redesign-value-rgba-255-235-248-p78: rgba(255,235,248,0.78);
    --wn-color-redesign-value-rgba-255-239-249-p8: rgba(255,239,249,0.8);
    --wn-color-redesign-value-rgba-255-239-249-p82: rgba(255,239,249,0.82);
    --wn-color-redesign-value-rgba-255-240-249-p72: rgba(255,240,249,0.72);
    --wn-color-redesign-value-rgba-255-241-249-p98: rgba(255,241,249,0.98);
    --wn-color-redesign-value-rgba-255-246-252-p68: rgba(255,246,252,0.68);
    --wn-color-redesign-value-rgba-255-248-252-p98: rgba(255,248,252,0.98);
    --wn-color-redesign-value-rgba-255-250-253-p94: rgba(255,250,253,0.94);
    --wn-color-redesign-value-rgba-255-250-253-p97: rgba(255,250,253,0.97);
    --wn-color-redesign-value-rgba-255-255-255-p32: rgba(255,255,255,0.32);
    --wn-color-redesign-value-rgba-255-255-255-p35: rgba(255,255,255,0.35);
    --wn-color-redesign-value-rgba-255-255-255-p85: rgba(255,255,255,0.85);
    --wn-color-redesign-value-rgba-255-255-255-p91: rgba(255,255,255,0.91);
    --wn-color-redesign-value-rgba-54-31-97-p1: rgba(54,31,97,0.1);
    --wn-color-redesign-value-rgba-54-31-97-p11: rgba(54,31,97,0.11);
    --wn-color-redesign-value-rgba-54-31-97-p14: rgba(54,31,97,0.14);
    --wn-color-redesign-value-rgba-54-31-97-p15: rgba(54,31,97,0.15);
    --wn-color-redesign-value-rgba-55-27-91-p25: rgba(55,27,91,0.25);
    --wn-color-redesign-value-rgba-59-34-83-p08: rgba(59,34,83,0.08);
    --wn-color-redesign-value-rgba-60-31-87-p14: rgba(60,31,87,0.14);
    --wn-color-redesign-value-rgba-60-31-87-p15: rgba(60,31,87,0.15);
    --wn-color-redesign-value-rgba-62-37-97-p11: rgba(62,37,97,0.11);
    --wn-color-redesign-value-rgba-62-37-97-p16: rgba(62,37,97,0.16);
    --wn-color-redesign-value-rgba-63-32-105-p18: rgba(63,32,105,0.18);
    --wn-color-redesign-value-rgba-63-32-105-p22: rgba(63,32,105,0.22);
    --wn-color-redesign-value-rgba-64-42-135-p1: rgba(64,42,135,0.1);
    --wn-color-redesign-value-rgba-64-42-135-p15: rgba(64,42,135,0.15);
    --wn-color-redesign-value-rgba-69-38-102-p06: rgba(69,38,102,0.06);
    --wn-color-redesign-value-rgba-71-29-93-p12: rgba(71,29,93,0.12);
    --wn-color-redesign-value-rgba-72-28-78-p04: rgba(72,28,78,0.04);
    --wn-color-redesign-value-rgba-72-31-126-p12: rgba(72,31,126,0.12);
    --wn-color-redesign-value-rgba-72-40-101-p08: rgba(72,40,101,0.08);
    --wn-color-redesign-value-rgba-73-27-85-p05: rgba(73,27,85,0.05);
    --wn-color-redesign-value-rgba-73-27-85-p07: rgba(73,27,85,0.07);
    --wn-color-redesign-value-rgba-73-30-96-p1: rgba(73,30,96,0.1);
    --wn-color-redesign-value-rgba-73-30-96-p12: rgba(73,30,96,0.12);
    --wn-color-redesign-value-rgba-73-30-99-p1: rgba(73,30,99,0.1);
    --wn-color-redesign-value-rgba-74-27-87-p06: rgba(74,27,87,0.06);
    --wn-color-redesign-value-rgba-74-29-96-p1: rgba(74,29,96,0.1);
    --wn-color-redesign-value-rgba-75-28-91-p1: rgba(75,28,91,0.1);
    --wn-color-redesign-value-rgba-76-31-96-p11: rgba(76,31,96,0.11);
    --wn-color-redesign-value-rgba-76-43-121-p16: rgba(76,43,121,0.16);
    --wn-color-redesign-value-rgba-77-29-89-p05: rgba(77,29,89,0.05);
    --wn-color-redesign-value-rgba-77-30-90-p08: rgba(77,30,90,0.08);
    --wn-color-redesign-value-rgba-77-30-90-p09: rgba(77,30,90,0.09);
    --wn-color-redesign-value-rgba-77-30-90-p13: rgba(77,30,90,0.13);
    --wn-color-redesign-value-rgba-78-29-100-p1: rgba(78,29,100,0.1);
    --wn-color-redesign-value-rgba-78-33-92-p09: rgba(78,33,92,0.09);
    --wn-color-redesign-value-rgba-79-28-91-p08: rgba(79,28,91,0.08);
    --wn-color-redesign-value-rgba-79-31-93-p11: rgba(79,31,93,0.11);
    --wn-color-redesign-value-rgba-81-24-91-p08: rgba(81,24,91,0.08);
    --wn-color-redesign-value-rgba-81-29-92-p1: rgba(81,29,92,0.1);
    --wn-color-redesign-value-rgba-82-31-91-p07: rgba(82,31,91,0.07);
    --wn-color-redesign-value-rgba-83-31-104-p12: rgba(83,31,104,0.12);
    --wn-color-redesign-value-rgba-83-31-96-p06: rgba(83,31,96,0.06);
    --wn-color-redesign-value-rgba-84-183-255-p05: rgba(84,183,255,0.05);
    --wn-color-redesign-value-rgba-84-26-95-p09: rgba(84,26,95,0.09);
    --wn-color-redesign-value-rgba-84-28-111-p18: rgba(84,28,111,0.18);
    --wn-color-redesign-value-rgba-84-50-128-p08: rgba(84,50,128,0.08);
    --wn-color-redesign-value-rgba-84-50-128-p12: rgba(84,50,128,0.12);
    --wn-color-redesign-value-rgba-88-61-139-p07: rgba(88,61,139,0.07);
    --wn-color-redesign-value-rgba-89-31-105-p1: rgba(89,31,105,0.1);
    --wn-color-redesign-value-rgba-90-62-143-p08: rgba(90,62,143,0.08);
    --wn-color-redesign-value-rgba-91-34-111-p14: rgba(91,34,111,0.14);
    --wn-color-redesign-value-rgba-91-40-106-p12: rgba(91,40,106,0.12);
    --wn-color-redesign-value-rgba-91-55-139-p08: rgba(91,55,139,0.08);
    --wn-color-redesign-value-rgba-91-55-139-p1: rgba(91,55,139,0.1);
    --wn-color-redesign-value-rgba-92-30-86-p08: rgba(92,30,86,0.08);
    --wn-color-redesign-value-rgba-92-56-139-p08: rgba(92,56,139,0.08);
    --wn-color-redesign-value-rgba-96-58-145-p1: rgba(96,58,145,0.1);
}

/* ==========================================================
   GLOBAL HEADER — CENTRAL COLOR TOKEN
========================================================== */
:root {
    --wn-color-global-header-line-16: rgba(203,131,202,.16);
}

/* =========================================================
   WAIN NAKUL — CONNECTIONS COLOR TOKENS
========================================================= */
:root{
    --wn-color-connections-accent: #76146f;
    --wn-color-connections-muted: #806b7d;
    --wn-color-connections-text: #30162f;
    --wn-color-connections-border-alpha: rgba(118,20,111,.14);
    --wn-color-connections-page: #fbfaff;
    --wn-color-connections-title: #35103e;
    --wn-color-connections-tab-line: #e8deeb;
    --wn-color-connections-divider: rgba(118,20,111,.10);
    --wn-color-connections-search-bg: #f2f3f7;
    --wn-color-connections-focus-border: #c67bb4;
    --wn-color-connections-focus-ring: rgba(118,20,111,.06);
    --wn-color-connections-avatar-bg: #f3e8f3;
    --wn-color-connections-outline: rgba(118,20,111,.18);
    --wn-color-connections-secondary: #7a536d;
    --wn-color-connections-danger-bg: #fff4f8;
    --wn-color-connections-danger: #ad0a65;
    --wn-color-connections-danger-border: #e5bfd3;
}

/* =========================================================
   WAIN NAKUL — ACCOUNT SETTINGS COLOR TOKENS
========================================================= */
:root{
    --wn-color-account-settings-deep: #68136f;
    --wn-color-account-settings-text: #33252f;
    --wn-color-account-settings-muted: #7b6875;
    --wn-color-account-settings-rgba-255-250-253-p86: rgba(255,250,253,.86);
    --wn-color-account-settings-rgba-255-248-252-p9: rgba(255,248,252,.90);
    --wn-color-account-settings-rgba-134-16-95-p05: rgba(134,16,95,.050);
    --wn-color-account-settings-rgba-110-56-232-p032: rgba(110,56,232,.032);
    --wn-color-account-settings-rgba-101-0-104-p045: rgba(101,0,104,.045);
    --wn-color-account-settings-rgba-134-16-95-p08: rgba(134,16,95,.08);
    --wn-color-account-settings-rgba-255-244-250-p92: rgba(255,244,250,.92);
    --wn-color-account-settings-rgba-255-252-254-p9: rgba(255,252,254,.90);
}

/* =========================================================
   WAIN NAKUL — PUBLIC PROFILE COLOR TOKENS
========================================================= */
:root {
    --wn-color-public-profile-hex-000000: #000;
    --wn-color-public-profile-hex-070709: #070709;
    --wn-color-public-profile-hex-08080a: #08080a;
    --wn-color-public-profile-hex-09080a: #09080a;
    --wn-color-public-profile-hex-0b0b0d: #0b0b0d;
    --wn-color-public-profile-hex-0d0d0f: #0d0d0f;
    --wn-color-public-profile-hex-0e0e10: #0e0e10;
    --wn-color-public-profile-hex-0f0f12: #0f0f12;
    --wn-color-public-profile-hex-111111: #111;
    --wn-color-public-profile-hex-111114: #111114;
    --wn-color-public-profile-hex-151317: #151317;
    --wn-color-public-profile-hex-151518: #151518;
    --wn-color-public-profile-hex-161116: #161116;
    --wn-color-public-profile-hex-171217: #171217;
    --wn-color-public-profile-hex-18181b: #18181b;
    --wn-color-public-profile-hex-19191d: #19191d;
    --wn-color-public-profile-hex-1a1a1e: #1a1a1e;
    --wn-color-public-profile-hex-1c1c20: #1c1c20;
    --wn-color-public-profile-hex-211b22: #211b22;
    --wn-color-public-profile-hex-221d25: #221d25;
    --wn-color-public-profile-hex-241e27: #241e27;
    --wn-color-public-profile-hex-251f29: #251f29;
    --wn-color-public-profile-hex-25252a: #25252a;
    --wn-color-public-profile-hex-26202a: #26202a;
    --wn-color-public-profile-hex-272129: #272129;
    --wn-color-public-profile-hex-28222b: #28222b;
    --wn-color-public-profile-hex-292329: #292329;
    --wn-color-public-profile-hex-29232c: #29232c;
    --wn-color-public-profile-hex-29262d: #29262d;
    --wn-color-public-profile-hex-29292e: #29292e;
    --wn-color-public-profile-hex-2e2430: #2e2430;
    --wn-color-public-profile-hex-2f2630: #2f2630;
    --wn-color-public-profile-hex-302a34: #302a34;
    --wn-color-public-profile-hex-312a32: #312a32;
    --wn-color-public-profile-hex-321226: #321226;
    --wn-color-public-profile-hex-322334: #322334;
    --wn-color-public-profile-hex-322a33: #322a33;
    --wn-color-public-profile-hex-3b227d: #3b227d;
    --wn-color-public-profile-hex-3b353c: #3b353c;
    --wn-color-public-profile-hex-3c3540: #3c3540;
    --wn-color-public-profile-hex-3d1a77: #3d1a77;
    --wn-color-public-profile-hex-3f3042: #3f3042;
    --wn-color-public-profile-hex-49414c: #49414c;
    --wn-color-public-profile-hex-494249: #494249;
    --wn-color-public-profile-hex-4b444d: #4b444d;
    --wn-color-public-profile-hex-4c4052: #4c4052;
    --wn-color-public-profile-hex-4e4752: #4e4752;
    --wn-color-public-profile-hex-514954: #514954;
    --wn-color-public-profile-hex-542297: #542297;
    --wn-color-public-profile-hex-552061: #552061;
    --wn-color-public-profile-hex-57229b: #57229b;
    --wn-color-public-profile-hex-5f3dc4: #5f3dc4;
    --wn-color-public-profile-hex-6331c8: #6331c8;
    --wn-color-public-profile-hex-642fc7: #642fc7;
    --wn-color-public-profile-hex-655a67: #655a67;
    --wn-color-public-profile-hex-6633cc: #6633cc;
    --wn-color-public-profile-hex-6b35d4: #6b35d4;
    --wn-color-public-profile-hex-6c31d4: #6c31d4;
    --wn-color-public-profile-hex-6c35d6: #6c35d6;
    --wn-color-public-profile-hex-6d35d7: #6d35d7;
    --wn-color-public-profile-hex-6f6171: #6f6171;
    --wn-color-public-profile-hex-706671: #706671;
    --wn-color-public-profile-hex-735d75: #735d75;
    --wn-color-public-profile-hex-7437dd: #7437dd;
    --wn-color-public-profile-hex-746a76: #746a76;
    --wn-color-public-profile-hex-756777: #756777;
    --wn-color-public-profile-hex-765568: #765568;
    --wn-color-public-profile-hex-775f7c: #775f7c;
    --wn-color-public-profile-hex-787179: #787179;
    --wn-color-public-profile-hex-7b087d: #7b087d;
    --wn-color-public-profile-hex-7b35df: #7b35df;
    --wn-color-public-profile-hex-7c6a82: #7c6a82;
    --wn-color-public-profile-hex-7c7480: #7c7480;
    --wn-color-public-profile-hex-7d3f68: #7d3f68;
    --wn-color-public-profile-hex-7e7482: #7e7482;
    --wn-color-public-profile-hex-845ef7: #845ef7;
    --wn-color-public-profile-hex-88758a: #88758a;
    --wn-color-public-profile-hex-88818c: #88818c;
    --wn-color-public-profile-hex-8a838d: #8a838d;
    --wn-color-public-profile-hex-8b2ee6: #8b2ee6;
    --wn-color-public-profile-hex-8b32c8: #8b32c8;
    --wn-color-public-profile-hex-8b5cf6: #8b5cf6;
    --wn-color-public-profile-hex-8b848e: #8b848e;
    --wn-color-public-profile-hex-8c798e: #8c798e;
    --wn-color-public-profile-hex-8c858f: #8c858f;
    --wn-color-public-profile-hex-8d7c90: #8d7c90;
    --wn-color-public-profile-hex-8f0a56: #8f0a56;
    --wn-color-public-profile-hex-8f2aca: #8f2aca;
    --wn-color-public-profile-hex-907c92: #907c92;
    --wn-color-public-profile-hex-918794: #918794;
    --wn-color-public-profile-hex-918993: #918993;
    --wn-color-public-profile-hex-927f95: #927f95;
    --wn-color-public-profile-hex-94157f: #94157f;
    --wn-color-public-profile-hex-958e97: #958e97;
    --wn-color-public-profile-hex-96909a: #96909a;
    --wn-color-public-profile-hex-979099: #979099;
    --wn-color-public-profile-hex-9f8ba1: #9f8ba1;
    --wn-color-public-profile-hex-a11479: #a11479;
    --wn-color-public-profile-hex-aaa3ab: #aaa3ab;
    --wn-color-public-profile-hex-aaa3ac: #aaa3ac;
    --wn-color-public-profile-hex-b22b91: #b22b91;
    --wn-color-public-profile-hex-b42318: #b42318;
    --wn-color-public-profile-hex-b85cff: #b85cff;
    --wn-color-public-profile-hex-c31c83: #c31c83;
    --wn-color-public-profile-hex-c86cff: #c86cff;
    --wn-color-public-profile-hex-c9c4cc: #c9c4cc;
    --wn-color-public-profile-hex-d51f79: #d51f79;
    --wn-color-public-profile-hex-d81d8d: #d81d8d;
    --wn-color-public-profile-hex-d8ccd9: #d8ccd9;
    --wn-color-public-profile-hex-d8d4da: #d8d4da;
    --wn-color-public-profile-hex-d92d45: #d92d45;
    --wn-color-public-profile-hex-dad6dc: #dad6dc;
    --wn-color-public-profile-hex-ddd3df: #ddd3df;
    --wn-color-public-profile-hex-ddd4df: #ddd4df;
    --wn-color-public-profile-hex-e4d9e5: #e4d9e5;
    --wn-color-public-profile-hex-e6d9e7: #e6d9e7;
    --wn-color-public-profile-hex-e6dce7: #e6dce7;
    --wn-color-public-profile-hex-e6e0e8: #e6e0e8;
    --wn-color-public-profile-hex-ece8ee: #ece8ee;
    --wn-color-public-profile-hex-eceff2: #eceff2;
    --wn-color-public-profile-hex-eee5ef: #eee5ef;
    --wn-color-public-profile-hex-eee8ee: #eee8ee;
    --wn-color-public-profile-hex-eee9f0: #eee9f0;
    --wn-color-public-profile-hex-eeeaf0: #eeeaf0;
    --wn-color-public-profile-hex-eeeaf1: #eeeaf1;
    --wn-color-public-profile-hex-ef2b82: #ef2b82;
    --wn-color-public-profile-hex-efd7e7: #efd7e7;
    --wn-color-public-profile-hex-f06595: #f06595;
    --wn-color-public-profile-hex-f0cce4: #f0cce4;
    --wn-color-public-profile-hex-f0dff0: #f0dff0;
    --wn-color-public-profile-hex-f0ebff: #f0ebff;
    --wn-color-public-profile-hex-f0edf1: #f0edf1;
    --wn-color-public-profile-hex-f1e4f2: #f1e4f2;
    --wn-color-public-profile-hex-f1edf1: #f1edf1;
    --wn-color-public-profile-hex-f2eff4: #f2eff4;
    --wn-color-public-profile-hex-f3ecff: #f3ecff;
    --wn-color-public-profile-hex-f3f3f5: #f3f3f5;
    --wn-color-public-profile-hex-f4edf5: #f4edf5;
    --wn-color-public-profile-hex-f4f1f5: #f4f1f5;
    --wn-color-public-profile-hex-f5f2f5: #f5f2f5;
    --wn-color-public-profile-hex-f5f2f7: #f5f2f7;
    --wn-color-public-profile-hex-f6efff: #f6efff;
    --wn-color-public-profile-hex-f7eaf4: #f7eaf4;
    --wn-color-public-profile-hex-f8f4f9: #f8f4f9;
    --wn-color-public-profile-hex-f8f6f9: #f8f6f9;
    --wn-color-public-profile-hex-faf4fb: #faf4fb;
    --wn-color-public-profile-hex-faf5fb: #faf5fb;
    --wn-color-public-profile-hex-faf6ff: #faf6ff;
    --wn-color-public-profile-hex-faf8fb: #faf8fb;
    --wn-color-public-profile-hex-fbf7fc: #fbf7fc;
    --wn-color-public-profile-hex-fbfafb: #fbfafb;
    --wn-color-public-profile-hex-ff1744: #ff1744;
    --wn-color-public-profile-hex-ff2f78: #ff2f78;
    --wn-color-public-profile-hex-ff477e: #ff477e;
    --wn-color-public-profile-hex-ff4f6d: #ff4f6d;
    --wn-color-public-profile-hex-ff6877: #ff6877;
    --wn-color-public-profile-hex-ff6b72: #ff6b72;
    --wn-color-public-profile-hex-ff707b: #ff707b;
    --wn-color-public-profile-hex-ff8a00: #ff8a00;
    --wn-color-public-profile-hex-ff922b: #ff922b;
    --wn-color-public-profile-rgba-0-0-0-0p02: rgba(0,0,0,.02);
    --wn-color-public-profile-rgba-0-0-0-0p04: rgba(0,0,0,.04);
    --wn-color-public-profile-rgba-0-0-0-0p06: rgba(0,0,0,.06);
    --wn-color-public-profile-rgba-0-0-0-0p1: rgba(0,0,0,.10);
    --wn-color-public-profile-rgba-0-0-0-0p12: rgba(0,0,0,.12);
    --wn-color-public-profile-rgba-0-0-0-0p18: rgba(0,0,0,.18);
    --wn-color-public-profile-rgba-0-0-0-0p2: rgba(0, 0, 0, .20);
    --wn-color-public-profile-rgba-0-0-0-0p24: rgba(0,0,0,.24);
    --wn-color-public-profile-rgba-0-0-0-0p28: rgba(0,0,0,.28);
    --wn-color-public-profile-rgba-0-0-0-0p3: rgba(0,0,0,.30);
    --wn-color-public-profile-rgba-0-0-0-0p34: rgba(0,0,0,.34);
    --wn-color-public-profile-rgba-0-0-0-0p38: rgba(0,0,0,.38);
    --wn-color-public-profile-rgba-0-0-0-0p42: rgba(0,0,0,.42);
    --wn-color-public-profile-rgba-0-0-0-0p45: rgba(0,0,0,.45);
    --wn-color-public-profile-rgba-0-0-0-0p55: rgba(0,0,0,.55);
    --wn-color-public-profile-rgba-0-0-0-0p58: rgba(0,0,0,.58);
    --wn-color-public-profile-rgba-0-0-0-0p6: rgba(0,0,0,.60);
    --wn-color-public-profile-rgba-0-0-0-0p65: rgba(0,0,0,.65);
    --wn-color-public-profile-rgba-0-0-0-0p7: rgba(0,0,0,.7);
    --wn-color-public-profile-rgba-0-0-0-0p72: rgba(0,0,0,.72);
    --wn-color-public-profile-rgba-0-0-0-0p76: rgba(0,0,0,.76);
    --wn-color-public-profile-rgba-0-0-0-0p92: rgba(0, 0, 0, .92);
    --wn-color-public-profile-rgba-0-0-0-0p97: rgba(0, 0, 0, .97);
    --wn-color-public-profile-rgba-10-10-12-0p18: rgba(10,10,12,.18);
    --wn-color-public-profile-rgba-10-10-12-0p58: rgba(10,10,12,.58);
    --wn-color-public-profile-rgba-12-12-14-0p86: rgba(12,12,14,.86);
    --wn-color-public-profile-rgba-12-12-15-0p34: rgba(12,12,15,.34);
    --wn-color-public-profile-rgba-120-70-130-0p14: rgba(120, 70, 130, .14);
    --wn-color-public-profile-rgba-139-92-246-0p7: rgba(139,92,246,.70);
    --wn-color-public-profile-rgba-15-12-18-0p64: rgba(15,12,18,.64);
    --wn-color-public-profile-rgba-15-15-18-0p46: rgba(15,15,18,.46);
    --wn-color-public-profile-rgba-173-10-101-0p08: rgba(173, 10, 101, .08);
    --wn-color-public-profile-rgba-173-10-101-0p14: rgba(173, 10, 101, .14);
    --wn-color-public-profile-rgba-173-10-101-0p18: rgba(173, 10, 101, .18);
    --wn-color-public-profile-rgba-184-92-255-0p08: rgba(184,92,255,.08);
    --wn-color-public-profile-rgba-184-92-255-0p55: rgba(184,92,255,.55);
    --wn-color-public-profile-rgba-20-20-24-0p12: rgba(20,20,24,.12);
    --wn-color-public-profile-rgba-25-23-28-0p96: rgba(25,23,28,.96);
    --wn-color-public-profile-rgba-255-255-255-0p035: rgba(255,255,255,.035);
    --wn-color-public-profile-rgba-255-255-255-0p1: rgba(255,255,255,.10);
    --wn-color-public-profile-rgba-255-255-255-0p11: rgba(255,255,255,.11);
    --wn-color-public-profile-rgba-255-255-255-0p15: rgba(255,255,255,.15);
    --wn-color-public-profile-rgba-255-255-255-0p28: rgba(255,255,255,.28);
    --wn-color-public-profile-rgba-255-255-255-0p38: rgba(255,255,255,.38);
    --wn-color-public-profile-rgba-255-255-255-0p42: rgba(255,255,255,.42);
    --wn-color-public-profile-rgba-255-255-255-0p45: rgba(255,255,255,.45);
    --wn-color-public-profile-rgba-255-255-255-0p65: rgba(255,255,255,.65);
    --wn-color-public-profile-rgba-5-5-7-0p2: rgba(5,5,7,.20);
    --wn-color-public-profile-rgba-5-5-7-0p78: rgba(5,5,7,.78);
    --wn-color-public-profile-rgba-56-33-57-0p16: rgba(56, 33, 57, .16);
    --wn-color-public-profile-rgba-57-35-76-0p08: rgba(57,35,76,.08);
    --wn-color-public-profile-rgba-72-37-132-0p22: rgba(72,37,132,.22);
    --wn-color-public-profile-rgba-72-37-132-0p28: rgba(72,37,132,.28);
    --wn-color-public-profile-rgba-8-8-10-0p28: rgba(8,8,10,.28);
    --wn-color-public-profile-rgba-8-8-10-0p96: rgba(8,8,10,.96);
    --wn-color-public-profile-rgba-8-8-11-0p34: rgba(8,8,11,.34);
    --wn-color-public-profile-rgba-96-43-138-0p14: rgba(96, 43, 138, .14);
}

/* =========================================================
   WAIN NAKUL — COMMUNITY COLOR TOKENS
========================================================= */
:root {
    --wn-color-community-hex-171019: #171019;
    --wn-color-community-hex-20202a: #20202a;
    --wn-color-community-hex-231827: #231827;
    --wn-color-community-hex-272332: #272332;
    --wn-color-community-hex-29212c: #29212c;
    --wn-color-community-hex-2f1238: #2f1238;
    --wn-color-community-hex-302433: #302433;
    --wn-color-community-hex-332536: #332536;
    --wn-color-community-hex-3f3442: #3f3442;
    --wn-color-community-hex-43164d: #43164d;
    --wn-color-community-hex-45414c: #45414c;
    --wn-color-community-hex-4c414e: #4c414e;
    --wn-color-community-hex-4d3452: #4d3452;
    --wn-color-community-hex-4f4051: #4f4051;
    --wn-color-community-hex-5d5868: #5d5868;
    --wn-color-community-hex-5f5968: #5f5968;
    --wn-color-community-hex-62246d: #62246d;
    --wn-color-community-hex-6330c3: #6330c3;
    --wn-color-community-hex-672675: #672675;
    --wn-color-community-hex-692777: #692777;
    --wn-color-community-hex-6b6370: #6b6370;
    --wn-color-community-hex-6f5874: #6f5874;
    --wn-color-community-hex-6f6372: #6f6372;
    --wn-color-community-hex-6f6f79: #6f6f79;
    --wn-color-community-hex-713ad1: #713ad1;
    --wn-color-community-hex-7237d8: #7237d8;
    --wn-color-community-hex-74327f: #74327f;
    --wn-color-community-hex-746778: #746778;
    --wn-color-community-hex-766d79: #766d79;
    --wn-color-community-hex-777280: #777280;
    --wn-color-community-hex-777783: #777783;
    --wn-color-community-hex-792583: #792583;
    --wn-color-community-hex-7a357f: #7a357f;
    --wn-color-community-hex-7b2587: #7b2587;
    --wn-color-community-hex-7c7883: #7c7883;
    --wn-color-community-hex-7d6d80: #7d6d80;
    --wn-color-community-hex-857688: #857688;
    --wn-color-community-hex-85858f: #85858f;
    --wn-color-community-hex-88768b: #88768b;
    --wn-color-community-hex-898994: #898994;
    --wn-color-community-hex-8a7d8d: #8a7d8d;
    --wn-color-community-hex-8a7e90: #8a7e90;
    --wn-color-community-hex-8b8792: #8b8792;
    --wn-color-community-hex-8c4d99: #8c4d99;
    --wn-color-community-hex-8c6391: #8c6391;
    --wn-color-community-hex-8d0c67: #8d0c67;
    --wn-color-community-hex-8d8190: #8d8190;
    --wn-color-community-hex-928798: #928798;
    --wn-color-community-hex-9995a3: #9995a3;
    --wn-color-community-hex-9b97a2: #9b97a2;
    --wn-color-community-hex-a22121: #a22121;
    --wn-color-community-hex-a25aae: #a25aae;
    --wn-color-community-hex-aa69b5: #aa69b5;
    --wn-color-community-hex-bce7c6: #bce7c6;
    --wn-color-community-hex-c00067: #c00067;
    --wn-color-community-hex-c52f91: #c52f91;
    --wn-color-community-hex-d63899: #d63899;
    --wn-color-community-hex-dedee8: #dedee8;
    --wn-color-community-hex-e6e6ed: #e6e6ed;
    --wn-color-community-hex-e7ddff: #e7ddff;
    --wn-color-community-hex-e7e3f1: #e7e3f1;
    --wn-color-community-hex-e91e63: #e91e63;
    --wn-color-community-hex-ec1760: #ec1760;
    --wn-color-community-hex-ececf2: #ececf2;
    --wn-color-community-hex-eefbf1: #eefbf1;
    --wn-color-community-hex-f0c2c2: #f0c2c2;
    --wn-color-community-hex-f0eaff: #f0eaff;
    --wn-color-community-hex-f0eef7: #f0eef7;
    --wn-color-community-hex-f0f0f4: #f0f0f4;
    --wn-color-community-hex-f3eff4: #f3eff4;
    --wn-color-community-hex-f4f0f5: #f4f0f5;
    --wn-color-community-hex-f5f1f6: #f5f1f6;
    --wn-color-community-hex-f6eaf4: #f6eaf4;
    --wn-color-community-hex-f7f3fc: #f7f3fc;
    --wn-color-community-hex-f7f7fa: #f7f7fa;
    --wn-color-community-hex-faf6fc: #faf6fc;
    --wn-color-community-hex-faf8ff: #faf8ff;
    --wn-color-community-hex-faf9fd: #faf9fd;
    --wn-color-community-hex-fff1f1: #fff1f1;
    --wn-color-community-rgba-0-0-0-0p045: rgba(0, 0, 0, .045);
    --wn-color-community-rgba-0-0-0-0p08: rgba(0, 0, 0, .08);
    --wn-color-community-rgba-0-0-0-0p16: rgba(0,0,0,.16);
    --wn-color-community-rgba-180-35-35-0p08: rgba(180, 35, 35, .08);
    --wn-color-community-rgba-233-30-99-0p45: rgba(233, 30, 99, .45);
    --wn-color-community-rgba-248-244-249-0p92: rgba(248, 244, 249, .92);
    --wn-color-community-rgba-38-25-58-0p12: rgba(38, 25, 58, 0.12);
    --wn-color-community-rgba-51-28-58-0p06: rgba(51,28,58,.06);
    --wn-color-community-rgba-54-35-59-0p05: rgba(54,35,59,.05);
    --wn-color-community-rgba-54-35-59-0p055: rgba(54,35,59,.055);
    --wn-color-community-rgba-55-20-65-0p07: rgba(55,20,65,.07);
    --wn-color-community-rgba-55-34-62-0p035: rgba(55,34,62,.035);
    --wn-color-community-rgba-55-34-62-0p04: rgba(55,34,62,.04);
    --wn-color-community-rgba-55-34-62-0p045: rgba(55,34,62,.045);
    --wn-color-community-rgba-58-31-64-0p05: rgba(58,31,64,.05);
    --wn-color-community-rgba-68-37-75-0p08: rgba(68, 37, 75, .08);
    --wn-color-community-rgba-70-24-82-0p14: rgba(70, 24, 82, .14);
    --wn-color-community-rgba-75-45-82-0p08: rgba(75,45,82,.08);
    --wn-color-community-rgba-79-45-86-0p075: rgba(79,45,86,.075);
    --wn-color-community-rgba-79-45-86-0p08: rgba(79,45,86,.08);
    --wn-color-community-rgba-85-32-97-0p055: rgba(85,32,97,.055);
    --wn-color-community-rgba-85-32-97-0p08: rgba(85,32,97,.08);
    --wn-color-community-rgba-85-32-97-0p1: rgba(85,32,97,.10);
    --wn-color-community-rgba-85-32-97-0p15: rgba(85,32,97,.15);
    --wn-color-community-rgba-85-32-97-0p16: rgba(85,32,97,.16);
    --wn-color-community-rgba-85-32-97-0p17: rgba(85,32,97,.17);
    --wn-color-community-rgba-85-32-97-0p28: rgba(85,32,97,.28);
    --wn-color-community-rgba-85-32-97-0p42: rgba(85,32,97,.42);
    --wn-color-community-rgba-98-36-109-0p055: rgba(98,36,109,.055);
    --wn-color-community-rgba-98-36-109-0p06: rgba(98,36,109,.06);
    --wn-color-community-rgba-98-36-109-0p1: rgba(98,36,109,.10);
}

/* =========================================================
   WAIN NAKUL — MESSAGES INDEX COLOR TOKENS
========================================================= */
:root {
    --wn-color-messages-hex-16743b: #16743b;
    --wn-color-messages-hex-1f2937: #1f2937;
    --wn-color-messages-hex-287a42: #287a42;
    --wn-color-messages-hex-2b1638: #2b1638;
    --wn-color-messages-hex-2c1838: #2c1838;
    --wn-color-messages-hex-2e1732: #2e1732;
    --wn-color-messages-hex-2f1838: #2f1838;
    --wn-color-messages-hex-49364d: #49364d;
    --wn-color-messages-hex-4d3b4d: #4d3b4d;
    --wn-color-messages-hex-4f174f: #4f174f;
    --wn-color-messages-hex-650065: #650065;
    --wn-color-messages-hex-680068: #680068;
    --wn-color-messages-hex-6b0f73: #6b0f73;
    --wn-color-messages-hex-6b5c70: #6b5c70;
    --wn-color-messages-hex-6d5a6d: #6d5a6d;
    --wn-color-messages-hex-6e4d72: #6e4d72;
    --wn-color-messages-hex-74006f: #74006f;
    --wn-color-messages-hex-786f7b: #786f7b;
    --wn-color-messages-hex-7a0a78: #7a0a78;
    --wn-color-messages-hex-7c7183: #7c7183;
    --wn-color-messages-hex-7d687f: #7d687f;
    --wn-color-messages-hex-837889: #837889;
    --wn-color-messages-hex-87007a: #87007a;
    --wn-color-messages-hex-8a8090: #8a8090;
    --wn-color-messages-hex-8b728d: #8b728d;
    --wn-color-messages-hex-8c8290: #8c8290;
    --wn-color-messages-hex-8d007f: #8d007f;
    --wn-color-messages-hex-8e4a8e: #8e4a8e;
    --wn-color-messages-hex-968b9b: #968b9b;
    --wn-color-messages-hex-982d41: #982d41;
    --wn-color-messages-hex-9a3545: #9a3545;
    --wn-color-messages-hex-9a909f: #9a909f;
    --wn-color-messages-hex-a12828: #a12828;
    --wn-color-messages-hex-a197a6: #a197a6;
    --wn-color-messages-hex-b5abb8: #b5abb8;
    --wn-color-messages-hex-b978b7: #b978b7;
    --wn-color-messages-hex-cee9d5: #cee9d5;
    --wn-color-messages-hex-ddd0df: #ddd0df;
    --wn-color-messages-hex-dfcfe2: #dfcfe2;
    --wn-color-messages-hex-dfd4e2: #dfd4e2;
    --wn-color-messages-hex-e6dfe9: #e6dfe9;
    --wn-color-messages-hex-e8d9ed: #e8d9ed;
    --wn-color-messages-hex-e9d8e8: #e9d8e8;
    --wn-color-messages-hex-e9f8ee: #e9f8ee;
    --wn-color-messages-hex-ecddec: #ecddec;
    --wn-color-messages-hex-ece8ef: #ece8ef;
    --wn-color-messages-hex-eef9f1: #eef9f1;
    --wn-color-messages-hex-efccd2: #efccd2;
    --wn-color-messages-hex-efebf0: #efebf0;
    --wn-color-messages-hex-f0e8f4: #f0e8f4;
    --wn-color-messages-hex-f0e9f2: #f0e9f2;
    --wn-color-messages-hex-f0edf2: #f0edf2;
    --wn-color-messages-hex-f1d3d8: #f1d3d8;
    --wn-color-messages-hex-f1e9f1: #f1e9f1;
    --wn-color-messages-hex-f2eef3: #f2eef3;
    --wn-color-messages-hex-f2eef4: #f2eef4;
    --wn-color-messages-hex-f3e9f7: #f3e9f7;
    --wn-color-messages-hex-f3f0f4: #f3f0f4;
    --wn-color-messages-hex-f5eff8: #f5eff8;
    --wn-color-messages-hex-f6f2f7: #f6f2f7;
    --wn-color-messages-hex-f7f7fb: #f7f7fb;
    --wn-color-messages-hex-fbf9fc: #fbf9fc;
    --wn-color-messages-hex-fcf7fc: #fcf7fc;
    --wn-color-messages-hex-fcfbfd: #fcfbfd;
    --wn-color-messages-hex-fff5f6: #fff5f6;
    --wn-color-messages-rgba-120-0-105-0p15: rgba(120,0,105,.15);
    --wn-color-messages-rgba-135-0-122-0p08: rgba(135,0,122,.08);
    --wn-color-messages-rgba-39-20-50-0p05: rgba(39,20,50,.05);
    --wn-color-messages-rgba-75-0-85-0p05: rgba(75,0,85,.05);
}

/* =========================================================
   WAIN NAKUL — BILL TRACK COLOR TOKENS
========================================================= */
:root {
    --wn-color-bill-track-hex-176b3a: #176b3a;
    --wn-color-bill-track-hex-24152f: #24152f;
    --wn-color-bill-track-hex-2d183c: #2d183c;
    --wn-color-bill-track-hex-2d193e: #2d193e;
    --wn-color-bill-track-hex-31145e: #31145e;
    --wn-color-bill-track-hex-40235c: #40235c;
    --wn-color-bill-track-hex-41265b: #41265b;
    --wn-color-bill-track-hex-45236a: #45236a;
    --wn-color-bill-track-hex-4b3558: #4b3558;
    --wn-color-bill-track-hex-59451b: #59451b;
    --wn-color-bill-track-hex-5d4b6b: #5d4b6b;
    --wn-color-bill-track-hex-6643cb: #6643cb;
    --wn-color-bill-track-hex-675426: #675426;
    --wn-color-bill-track-hex-695a73: #695a73;
    --wn-color-bill-track-hex-6f32c9: #6f32c9;
    --wn-color-bill-track-hex-6f42d8: #6f42d8;
    --wn-color-bill-track-hex-6f5418: #6f5418;
    --wn-color-bill-track-hex-7040dd: #7040dd;
    --wn-color-bill-track-hex-705c2d: #705c2d;
    --wn-color-bill-track-hex-7a6d7f: #7a6d7f;
    --wn-color-bill-track-hex-7b6d80: #7b6d80;
    --wn-color-bill-track-hex-7d7081: #7d7081;
    --wn-color-bill-track-hex-86d9a4: #86d9a4;
    --wn-color-bill-track-hex-8a7c8f: #8a7c8f;
    --wn-color-bill-track-hex-8d64e9: #8d64e9;
    --wn-color-bill-track-hex-963eaa: #963eaa;
    --wn-color-bill-track-hex-9b2c2c: #9b2c2c;
    --wn-color-bill-track-hex-a97af4: #a97af4;
    --wn-color-bill-track-hex-a98ceb: #a98ceb;
    --wn-color-bill-track-hex-bfe6cc: #bfe6cc;
    --wn-color-bill-track-hex-c92c6d: #c92c6d;
    --wn-color-bill-track-hex-dfd4fc: #dfd4fc;
    --wn-color-bill-track-hex-e5dbfb: #e5dbfb;
    --wn-color-bill-track-hex-e6deeb: #e6deeb;
    --wn-color-bill-track-hex-e8e4f1: #e8e4f1;
    --wn-color-bill-track-hex-ecfdf3: #ecfdf3;
    --wn-color-bill-track-hex-eee7f2: #eee7f2;
    --wn-color-bill-track-hex-eee7f3: #eee7f3;
    --wn-color-bill-track-hex-eeeaf2: #eeeaf2;
    --wn-color-bill-track-hex-ef9a9a: #ef9a9a;
    --wn-color-bill-track-hex-f0faf3: #f0faf3;
    --wn-color-bill-track-hex-f1dda7: #f1dda7;
    --wn-color-bill-track-hex-f2c96d: #f2c96d;
    --wn-color-bill-track-hex-f2eeff: #f2eeff;
    --wn-color-bill-track-hex-f4efff: #f4efff;
    --wn-color-bill-track-hex-f5efff: #f5efff;
    --wn-color-bill-track-hex-f6f2ff: #f6f2ff;
    --wn-color-bill-track-hex-faf8fc: #faf8fc;
    --wn-color-bill-track-hex-fcfaff: #fcfaff;
    --wn-color-bill-track-hex-fff8e9: #fff8e9;
    --wn-color-bill-track-rgba-255-255-255-0p17: rgba(255,255,255,.17);
    --wn-color-bill-track-rgba-40-21-55-0p08: rgba(40, 21, 55, 0.08);
    --wn-color-bill-track-rgba-44-25-60-0p05: rgba(44, 25, 60, 0.05);
    --wn-color-bill-track-rgba-50-31-70-0p05: rgba(50, 31, 70, 0.05);
}

/* =========================================================
   WAIN NAKUL — USER SETTINGS COLOR TOKENS
========================================================= */
:root {
    --wn-color-user-settings-hex-287944: #287944;
    --wn-color-user-settings-hex-2f2631: #2f2631;
    --wn-color-user-settings-hex-302532: #302532;
    --wn-color-user-settings-hex-38283b: #38283b;
    --wn-color-user-settings-hex-49334c: #49334c;
    --wn-color-user-settings-hex-4a314d: #4a314d;
    --wn-color-user-settings-hex-4c2850: #4c2850;
    --wn-color-user-settings-hex-523655: #523655;
    --wn-color-user-settings-hex-574b59: #574b59;
    --wn-color-user-settings-hex-65106b: #65106b;
    --wn-color-user-settings-hex-6e176f: #6e176f;
    --wn-color-user-settings-hex-735676: #735676;
    --wn-color-user-settings-hex-8d768f: #8d768f;
    --wn-color-user-settings-hex-8d7d8f: #8d7d8f;
    --wn-color-user-settings-hex-927d94: #927d94;
    --wn-color-user-settings-hex-937d95: #937d95;
    --wn-color-user-settings-hex-938495: #938495;
    --wn-color-user-settings-hex-947f96: #947f96;
    --wn-color-user-settings-hex-99859b: #99859b;
    --wn-color-user-settings-hex-9a859c: #9a859c;
    --wn-color-user-settings-hex-a18ea3: #a18ea3;
    --wn-color-user-settings-hex-a28fa4: #a28fa4;
    --wn-color-user-settings-hex-a66a65: #a66a65;
    --wn-color-user-settings-hex-a7352d: #a7352d;
    --wn-color-user-settings-hex-b3a4b5: #b3a4b5;
    --wn-color-user-settings-hex-d1ead8: #d1ead8;
    --wn-color-user-settings-hex-e2d5e4: #e2d5e4;
    --wn-color-user-settings-hex-e5d9e7: #e5d9e7;
    --wn-color-user-settings-hex-e7d9e8: #e7d9e8;
    --wn-color-user-settings-hex-e9d4e9: #e9d4e9;
    --wn-color-user-settings-hex-eadfe9: #eadfe9;
    --wn-color-user-settings-hex-eee4ef: #eee4ef;
    --wn-color-user-settings-hex-f1b4ad: #f1b4ad;
    --wn-color-user-settings-hex-f1d0cc: #f1d0cc;
    --wn-color-user-settings-hex-f1e8f2: #f1e8f2;
    --wn-color-user-settings-hex-f1e9f2: #f1e9f2;
    --wn-color-user-settings-hex-f2ebf3: #f2ebf3;
    --wn-color-user-settings-hex-f3e3f2: #f3e3f2;
    --wn-color-user-settings-hex-f4ebf5: #f4ebf5;
    --wn-color-user-settings-hex-f7f1f8: #f7f1f8;
    --wn-color-user-settings-hex-f8eef8: #f8eef8;
    --wn-color-user-settings-hex-fdfafd: #fdfafd;
    --wn-color-user-settings-hex-fff0ee: #fff0ee;
    --wn-color-user-settings-hex-fff1f0: #fff1f0;
    --wn-color-user-settings-hex-fff5f4: #fff5f4;
    --wn-color-user-settings-hex-fffafa: #fffafa;
    --wn-color-user-settings-rgba-151-25-133-0p08: rgba(151,25,133,.08);
    --wn-color-user-settings-rgba-252-247-252-0p95: rgba(252,247,252,.95);
    --wn-color-user-settings-rgba-90-0-90-0p04: rgba(90,0,90,.04);
    --wn-color-user-settings-rgba-90-0-90-0p05: rgba(90,0,90,.05);
    --wn-color-user-settings-rgba-91-34-94-0p055: rgba(91, 34, 94, .055);
}

/* =========================================================
   WAIN NAKUL — IDENTITY VERIFICATION COLOR TOKENS
========================================================= */
:root {
    --wn-color-identity-verification-hex-23783f: #23783f;
    --wn-color-identity-verification-hex-553858: #553858;
    --wn-color-identity-verification-hex-5b3e5e: #5b3e5e;
    --wn-color-identity-verification-hex-805d00: #805d00;
    --wn-color-identity-verification-hex-866000: #866000;
    --wn-color-identity-verification-hex-8a6200: #8a6200;
    --wn-color-identity-verification-hex-d8c7da: #d8c7da;
    --wn-color-identity-verification-hex-dfd0e1: #dfd0e1;
    --wn-color-identity-verification-hex-f0dfad: #f0dfad;
    --wn-color-identity-verification-hex-fff7df: #fff7df;
}

/* =========================================================
   WAIN NAKUL — TAWASUL COLOR TOKENS
========================================================= */
:root {
    --wn-color-tawasul-hex-23652e: #23652e;
    --wn-color-tawasul-hex-262630: #262630;
    --wn-color-tawasul-hex-565661: #565661;
    --wn-color-tawasul-hex-6433d5: #6433d5;
    --wn-color-tawasul-hex-6535d4: #6535d4;
    --wn-color-tawasul-hex-6731c7: #6731c7;
    --wn-color-tawasul-hex-6735cf: #6735cf;
    --wn-color-tawasul-hex-676773: #676773;
    --wn-color-tawasul-hex-6c39d8: #6c39d8;
    --wn-color-tawasul-hex-7c7c88: #7c7c88;
    --wn-color-tawasul-hex-83838d: #83838d;
    --wn-color-tawasul-hex-9b3030: #9b3030;
    --wn-color-tawasul-hex-c8e8ce: #c8e8ce;
    --wn-color-tawasul-hex-d9d5e8: #d9d5e8;
    --wn-color-tawasul-hex-e2e2e9: #e2e2e9;
    --wn-color-tawasul-hex-e5e5ed: #e5e5ed;
    --wn-color-tawasul-hex-e8e8ef: #e8e8ef;
    --wn-color-tawasul-hex-ececf1: #ececf1;
    --wn-color-tawasul-hex-edc7c7: #edc7c7;
    --wn-color-tawasul-hex-ededf2: #ededf2;
    --wn-color-tawasul-hex-eefaf1: #eefaf1;
    --wn-color-tawasul-hex-f2f2f6: #f2f2f6;
    --wn-color-tawasul-hex-f5f1ff: #f5f1ff;
    --wn-color-tawasul-rgba-0-0-0-0p94: rgba(0,0,0,.94);
    --wn-color-tawasul-rgba-14-14-20-0p58: rgba(14,14,20,.58);
}

/* =========================================================
   WAIN NAKUL — YOUR BILL COLOR TOKENS
========================================================= */
:root {
    --wn-color-your-bill-hex-25102f: #25102f;
    --wn-color-your-bill-hex-321b49: #321b49;
    --wn-color-your-bill-hex-341c4a: #341c4a;
    --wn-color-your-bill-hex-3b205c: #3b205c;
    --wn-color-your-bill-hex-3c2254: #3c2254;
    --wn-color-your-bill-hex-3d2555: #3d2555;
    --wn-color-your-bill-hex-4d3065: #4d3065;
    --wn-color-your-bill-hex-4e2368: #4e2368;
    --wn-color-your-bill-hex-4e4055: #4e4055;
    --wn-color-your-bill-hex-4f2269: #4f2269;
    --wn-color-your-bill-hex-5f3acb: #5f3acb;
    --wn-color-your-bill-hex-624d21: #624d21;
    --wn-color-your-bill-hex-6d6073: #6d6073;
    --wn-color-your-bill-hex-786b7c: #786b7c;
    --wn-color-your-bill-hex-786c7d: #786c7d;
    --wn-color-your-bill-hex-7b6b81: #7b6b81;
    --wn-color-your-bill-hex-7c6e82: #7c6e82;
    --wn-color-your-bill-hex-827485: #827485;
    --wn-color-your-bill-hex-827489: #827489;
    --wn-color-your-bill-hex-88798d: #88798d;
    --wn-color-your-bill-hex-973d9f: #973d9f;
    --wn-color-your-bill-hex-e5dafd: #e5dafd;
    --wn-color-your-bill-hex-eee5f7: #eee5f7;
    --wn-color-your-bill-hex-eee8f2: #eee8f2;
    --wn-color-your-bill-hex-f0ebf3: #f0ebf3;
    --wn-color-your-bill-hex-f3ebfa: #f3ebfa;
    --wn-color-your-bill-hex-f4e3b6: #f4e3b6;
    --wn-color-your-bill-hex-f4ecff: #f4ecff;
    --wn-color-your-bill-hex-f4f0ff: #f4f0ff;
    --wn-color-your-bill-hex-fbf9fd: #fbf9fd;
    --wn-color-your-bill-rgba-40-21-55-0p06: rgba(40, 21, 55, 0.06);
}

/* =========================================================
   WAIN NAKUL — EXPLORE COLOR TOKENS
========================================================= */
:root {
    --wn-color-explore-hex-0c0c0f: #0c0c0f;
    --wn-color-explore-hex-2d1237: #2d1237;
    --wn-color-explore-hex-31133b: #31133b;
    --wn-color-explore-hex-32123d: #32123d;
    --wn-color-explore-hex-43204d: #43204d;
    --wn-color-explore-hex-4d3158: #4d3158;
    --wn-color-explore-hex-746877: #746877;
    --wn-color-explore-hex-7c7180: #7c7180;
    --wn-color-explore-hex-887c8c: #887c8c;
    --wn-color-explore-hex-8a7e8d: #8a7e8d;
    --wn-color-explore-hex-8c1b5b: #8c1b5b;
    --wn-color-explore-hex-907f94: #907f94;
    --wn-color-explore-hex-d63384: #d63384;
    --wn-color-explore-hex-eadce8: #eadce8;
    --wn-color-explore-hex-f2edf3: #f2edf3;
    --wn-color-explore-rgba-214-51-132-0p65: rgba(214,51,132,.65);
    --wn-color-explore-rgba-4-4-8-0p97: rgba(4,4,8,.97);
    --wn-color-explore-rgba-91-44-104-0p08: rgba(91,44,104,.08);
}

/* =========================================================
   WAIN NAKUL — USER ACCOUNT COLOR TOKENS
========================================================= */
:root {
    --wn-color-user-account-hex-288048: #288048;
    --wn-color-user-account-hex-4f3552: #4f3552;
    --wn-color-user-account-hex-8c1177: #8c1177;
    --wn-color-user-account-hex-938095: #938095;
    --wn-color-user-account-hex-a72c8a: #a72c8a;
    --wn-color-user-account-hex-f7eef8: #f7eef8;
    --wn-color-user-account-hex-faf3fb: #faf3fb;
    --wn-color-user-account-hex-fbf8fc: #fbf8fc;
}

/* =========================================================
   WAIN NAKUL — OFFERS COLOR TOKENS
========================================================= */
:root {
    --wn-color-offers-hex-15944b: #15944b;
    --wn-color-offers-hex-25132f: #25132f;
    --wn-color-offers-hex-271632: #271632;
    --wn-color-offers-hex-7040df: #7040df;
    --wn-color-offers-hex-706677: #706677;
    --wn-color-offers-hex-716877: #716877;
    --wn-color-offers-hex-786d80: #786d80;
    --wn-color-offers-hex-8c8292: #8c8292;
    --wn-color-offers-hex-9d959f: #9d959f;
    --wn-color-offers-hex-a036ae: #a036ae;
    --wn-color-offers-hex-b47500: #b47500;
    --wn-color-offers-hex-e8e0ed: #e8e0ed;
    --wn-color-offers-hex-e9faef: #e9faef;
    --wn-color-offers-hex-ebe3f2: #ebe3f2;
    --wn-color-offers-hex-ebe6f0: #ebe6f0;
    --wn-color-offers-hex-eee9f2: #eee9f2;
    --wn-color-offers-hex-f3eef8: #f3eef8;
    --wn-color-offers-hex-f7f3fb: #f7f3fb;
    --wn-color-offers-hex-f8f7fb: #f8f7fb;
    --wn-color-offers-hex-fff6df: #fff6df;
    --wn-color-offers-rgba-106-62-190-0p17: rgba(106, 62, 190, .17);
    --wn-color-offers-rgba-110-70-160-0p08: rgba(110, 70, 160, .08);
    --wn-color-offers-rgba-50-25-80-0p06: rgba(50, 25, 80, 0.06);
    --wn-color-offers-rgba-55-30-80-0p06: rgba(55, 30, 80, .06);
    --wn-color-offers-rgba-55-30-80-0p11: rgba(55, 30, 80, .11);
    --wn-color-offers-rgba-75-40-140-0p18: rgba(75, 40, 140, .18);
}

/* =========================================================
   WAIN NAKUL — BILL SUBMIT COLOR TOKENS
========================================================= */
:root {
    --wn-color-bill-submit-hex-44265c: #44265c;
    --wn-color-bill-submit-hex-462465: #462465;
    --wn-color-bill-submit-hex-5b4619: #5b4619;
    --wn-color-bill-submit-hex-6933c2: #6933c2;
    --wn-color-bill-submit-hex-7e6f84: #7e6f84;
    --wn-color-bill-submit-hex-933aa6: #933aa6;
    --wn-color-bill-submit-hex-b33362: #b33362;
    --wn-color-bill-submit-hex-cab8ec: #cab8ec;
    --wn-color-bill-submit-hex-d9688f: #d9688f;
    --wn-color-bill-submit-hex-e7dfec: #e7dfec;
    --wn-color-bill-submit-hex-fbf8ff: #fbf8ff;
}

/* =========================================================
   WAIN NAKUL — MAP COLOR TOKENS
========================================================= */
:root {
    --wn-color-map-hex-2d78d4: #2d78d4;
    --wn-color-map-hex-3f1828: #3f1828;
    --wn-color-map-hex-5e4551: #5e4551;
    --wn-color-map-hex-6f1f40: #6f1f40;
    --wn-color-map-hex-741f43: #741f43;
    --wn-color-map-hex-786570: #786570;
    --wn-color-map-hex-806b76: #806b76;
    --wn-color-map-hex-8a7480: #8a7480;
    --wn-color-map-hex-9b6b7d: #9b6b7d;
    --wn-color-map-hex-f5eaf0: #f5eaf0;
    --wn-color-map-hex-f5f1f3: #f5f1f3;
    --wn-color-map-hex-fbf7f9: #fbf7f9;
    --wn-color-map-rgba-111-31-64-0p08: rgba(111,31,64,.08);
    --wn-color-map-rgba-111-31-64-0p1: rgba(111,31,64,.10);
    --wn-color-map-rgba-111-31-64-0p11: rgba(111,31,64,.11);
    --wn-color-map-rgba-111-31-64-0p13: rgba(111,31,64,.13);
    --wn-color-map-rgba-111-31-64-0p16: rgba(111,31,64,.16);
    --wn-color-map-rgba-116-31-67-0p2: rgba(116,31,67,.20);
    --wn-color-map-rgba-250-244-247-0p92: rgba(250,244,247,.92);
    --wn-color-map-rgba-45-120-212-0p18: rgba(45,120,212,.18);
    --wn-color-map-rgba-70-30-48-0p07: rgba(70,30,48,.07);
    --wn-color-map-rgba-70-30-48-0p08: rgba(70,30,48,.08);
}

/* =========================================================
   WAIN NAKUL — VERIFY EMAIL COLOR TOKENS
========================================================= */
:root {
    --wn-color-verify-email-hex-317847: #317847;
    --wn-color-verify-email-hex-32183a: #32183a;
    --wn-color-verify-email-hex-442247: #442247;
    --wn-color-verify-email-hex-50116d: #50116d;
    --wn-color-verify-email-hex-51116d: #51116d;
    --wn-color-verify-email-hex-55116d: #55116d;
    --wn-color-verify-email-hex-67105f: #67105f;
    --wn-color-verify-email-hex-6d0e64: #6d0e64;
    --wn-color-verify-email-hex-6e0d64: #6e0d64;
    --wn-color-verify-email-hex-6e0e63: #6e0e63;
    --wn-color-verify-email-hex-710d67: #710d67;
    --wn-color-verify-email-hex-756477: #756477;
    --wn-color-verify-email-hex-79677d: #79677d;
    --wn-color-verify-email-hex-8c0e75: #8c0e75;
    --wn-color-verify-email-hex-8d0e75: #8d0e75;
    --wn-color-verify-email-hex-8f7792: #8f7792;
    --wn-color-verify-email-hex-927b96: #927b96;
    --wn-color-verify-email-hex-957f99: #957f99;
    --wn-color-verify-email-hex-d3ead9: #d3ead9;
    --wn-color-verify-email-hex-d53ca6: #d53ca6;
    --wn-color-verify-email-hex-f7f0f9: #f7f0f9;
    --wn-color-verify-email-hex-fcf8fd: #fcf8fd;
    --wn-color-verify-email-rgba-103-16-95-0p16: rgba(103, 16, 95, 0.16);
    --wn-color-verify-email-rgba-104-13-95-0p08: rgba(104, 13, 95, 0.08);
    --wn-color-verify-email-rgba-111-13-101-0p18: rgba(111, 13, 101, 0.18);
    --wn-color-verify-email-rgba-111-13-101-0p24: rgba(111, 13, 101, 0.24);
    --wn-color-verify-email-rgba-113-13-103-0p08: rgba(113, 13, 103, 0.08);
    --wn-color-verify-email-rgba-113-13-103-0p14: rgba(113, 13, 103, 0.14);
    --wn-color-verify-email-rgba-121-34-143-0p12: rgba(121, 34, 143, 0.12);
    --wn-color-verify-email-rgba-180-52-160-0p14: rgba(180, 52, 160, 0.14);
    --wn-color-verify-email-rgba-90-22-92-0p05: rgba(90, 22, 92, 0.05);
    --wn-color-verify-email-rgba-90-22-92-0p12: rgba(90, 22, 92, 0.12);
}

/* =========================================================
   WAIN NAKUL — HOME MADE VERIFICATION COLOR TOKENS
========================================================= */
:root {
    --wn-color-home-made-verification-hex-24673b: #24673b;
    --wn-color-home-made-verification-hex-5e4c61: #5e4c61;
    --wn-color-home-made-verification-hex-756478: #756478;
    --wn-color-home-made-verification-hex-796b7c: #796b7c;
    --wn-color-home-made-verification-hex-948497: #948497;
    --wn-color-home-made-verification-hex-958798: #958798;
    --wn-color-home-made-verification-hex-9a2f2f: #9a2f2f;
    --wn-color-home-made-verification-hex-a04c4c: #a04c4c;
    --wn-color-home-made-verification-hex-a33737: #a33737;
    --wn-color-home-made-verification-hex-cfe9d7: #cfe9d7;
    --wn-color-home-made-verification-hex-dfd1e1: #dfd1e1;
    --wn-color-home-made-verification-hex-e7dce8: #e7dce8;
    --wn-color-home-made-verification-hex-ece2ed: #ece2ed;
    --wn-color-home-made-verification-hex-efe5f0: #efe5f0;
    --wn-color-home-made-verification-hex-f0d2d2: #f0d2d2;
    --wn-color-home-made-verification-hex-f1d1d1: #f1d1d1;
    --wn-color-home-made-verification-hex-f7f2f8: #f7f2f8;
    --wn-color-home-made-verification-hex-f8f1f8: #f8f1f8;
    --wn-color-home-made-verification-hex-fff2f2: #fff2f2;
    --wn-color-home-made-verification-hex-fff3f3: #fff3f3;
}

/* =========================================================
   WAIN NAKUL — REGISTRATION CREATE COLOR TOKENS
========================================================= */
:root {
    --wn-color-registration-create-hex-2c2430: #2c2430;
    --wn-color-registration-create-hex-2d2330: #2d2330;
    --wn-color-registration-create-hex-2e1239: #2e1239;
    --wn-color-registration-create-hex-5d4563: #5d4563;
    --wn-color-registration-create-hex-630068: #630068;
    --wn-color-registration-create-hex-68106c: #68106c;
    --wn-color-registration-create-hex-74156f: #74156f;
    --wn-color-registration-create-hex-785400: #785400;
    --wn-color-registration-create-hex-796b7d: #796b7d;
    --wn-color-registration-create-hex-7b6f80: #7b6f80;
    --wn-color-registration-create-hex-7d7280: #7d7280;
    --wn-color-registration-create-hex-817185: #817185;
    --wn-color-registration-create-hex-817485: #817485;
    --wn-color-registration-create-hex-837786: #837786;
    --wn-color-registration-create-hex-88798b: #88798b;
    --wn-color-registration-create-hex-89798d: #89798d;
    --wn-color-registration-create-hex-8a197b: #8a197b;
    --wn-color-registration-create-hex-8a7f8d: #8a7f8d;
    --wn-color-registration-create-hex-9b2335: #9b2335;
    --wn-color-registration-create-hex-c50055: #c50055;
    --wn-color-registration-create-hex-ddcfdf: #ddcfdf;
    --wn-color-registration-create-hex-ded8e0: #ded8e0;
    --wn-color-registration-create-hex-efa5af: #efa5af;
    --wn-color-registration-create-hex-f0cc72: #f0cc72;
    --wn-color-registration-create-hex-f5dff4: #f5dff4;
    --wn-color-registration-create-hex-fff0f2: #fff0f2;
    --wn-color-registration-create-rgba-115-0-100-0p2: rgba(115,0,100,.2);
    --wn-color-registration-create-rgba-126-28-112-0: rgba(126,28,112,0);
    --wn-color-registration-create-rgba-126-28-112-0p018: rgba(126,28,112,.018);
    --wn-color-registration-create-rgba-126-28-112-0p025: rgba(126, 28, 112, .025);
    --wn-color-registration-create-rgba-126-28-112-0p07: rgba(126,28,112,.07);
    --wn-color-registration-create-rgba-126-28-112-0p09: rgba(126, 28, 112, .09);
    --wn-color-registration-create-rgba-126-28-112-0p12: rgba(126,28,112,.12);
    --wn-color-registration-create-rgba-126-28-112-0p13: rgba(126,28,112,.13);
    --wn-color-registration-create-rgba-126-28-112-0p14: rgba(126,28,112,.14);
    --wn-color-registration-create-rgba-126-28-112-0p16: rgba(126, 28, 112, .16);
    --wn-color-registration-create-rgba-126-28-112-0p18: rgba(126,28,112,.18);
    --wn-color-registration-create-rgba-126-28-112-0p32: rgba(126, 28, 112, .32);
    --wn-color-registration-create-rgba-80-0-75-0p1: rgba(80,0,75,.10);
}

/* =========================================================
   WAIN NAKUL — REGISTRATION SUCCESS COLOR TOKENS
========================================================= */
:root {
    --wn-color-registration-success-hex-18a957: #18a957;
    --wn-color-registration-success-hex-3e0647: #3e0647;
    --wn-color-registration-success-hex-5f5543: #5f5543;
    --wn-color-registration-success-hex-625767: #625767;
    --wn-color-registration-success-hex-65cf93: #65cf93;
    --wn-color-registration-success-hex-6bd68f: #6bd68f;
    --wn-color-registration-success-hex-6e0074: #6e0074;
    --wn-color-registration-success-hex-706575: #706575;
    --wn-color-registration-success-hex-746979: #746979;
    --wn-color-registration-success-hex-790078: #790078;
    --wn-color-registration-success-hex-8addaa: #8addaa;
    --wn-color-registration-success-hex-8c5bc1: #8c5bc1;
    --wn-color-registration-success-hex-b80076: #b80076;
    --wn-color-registration-success-hex-c36bc3: #c36bc3;
    --wn-color-registration-success-hex-c9a8e4: #c9a8e4;
    --wn-color-registration-success-hex-cb007d: #cb007d;
    --wn-color-registration-success-hex-d99b24: #d99b24;
    --wn-color-registration-success-hex-dfc7e2: #dfc7e2;
    --wn-color-registration-success-hex-e5dbe7: #e5dbe7;
    --wn-color-registration-success-hex-e7a5cf: #e7a5cf;
    --wn-color-registration-success-hex-ead6eb: #ead6eb;
    --wn-color-registration-success-hex-edce82: #edce82;
    --wn-color-registration-success-hex-efb947: #efb947;
    --wn-color-registration-success-hex-efc253: #efc253;
    --wn-color-registration-success-hex-effcf3: #effcf3;
    --wn-color-registration-success-hex-f4e6f7: #f4e6f7;
    --wn-color-registration-success-hex-fcf4fc: #fcf4fc;
    --wn-color-registration-success-hex-fcf8ff: #fcf8ff;
    --wn-color-registration-success-hex-fff3fb: #fff3fb;
    --wn-color-registration-success-hex-fff9ec: #fff9ec;
    --wn-color-registration-success-hex-fffdf6: #fffdf6;
    --wn-color-registration-success-rgba-105-0-104-0p05: rgba(105,0,104,.05);
    --wn-color-registration-success-rgba-166-0-112-0p25: rgba(166,0,112,.25);
    --wn-color-registration-success-rgba-194-124-200-0p11: rgba(194,124,200,.11);
    --wn-color-registration-success-rgba-223-137-199-0p12: rgba(223,137,199,.12);
    --wn-color-registration-success-rgba-30-174-83-0p16: rgba(30,174,83,.16);
    --wn-color-registration-success-rgba-74-0-70-0p13: rgba(74,0,70,.13);
    --wn-color-registration-success-rgba-86-207-128-0p08: rgba(86,207,128,.08);
}

/* =========================================================
   WAIN NAKUL — ACTIVITY SETTINGS COLOR TOKENS
========================================================= */
:root {
    --wn-color-activity-settings-hex-918093: #918093;
    --wn-color-activity-settings-hex-f6edf7: #f6edf7;
}

/* =========================================================
   WAIN NAKUL — USER ACCOUNT NEW COLOR TOKENS
========================================================= */
:root {
    --wn-color-user-account-new-hex-2f7d49: #2f7d49;
    --wn-color-user-account-new-hex-36263a: #36263a;
    --wn-color-user-account-new-hex-482f4a: #482f4a;
    --wn-color-user-account-new-hex-4e3151: #4e3151;
    --wn-color-user-account-new-hex-5d2561: #5d2561;
    --wn-color-user-account-new-hex-8a758d: #8a758d;
    --wn-color-user-account-new-hex-8b778e: #8b778e;
    --wn-color-user-account-new-hex-8f1179: #8f1179;
    --wn-color-user-account-new-hex-917a94: #917a94;
    --wn-color-user-account-new-hex-9a6c19: #9a6c19;
    --wn-color-user-account-new-hex-9a879d: #9a879d;
    --wn-color-user-account-new-hex-f0e8f1: #f0e8f1;
    --wn-color-user-account-new-hex-f7f0f8: #f7f0f8;
    --wn-color-user-account-new-hex-fcf9fd: #fcf9fd;
    --wn-color-user-account-new-rgba-101-0-104-0p14: rgba(101, 0, 104, 0.14);
    --wn-color-user-account-new-rgba-101-0-104-0p18: rgba(101, 0, 104, 0.18);
    --wn-color-user-account-new-rgba-164-34-143-0p1: rgba(164, 34, 143, 0.10);
    --wn-color-user-account-new-rgba-91-20-121-0p1: rgba(91, 20, 121, 0.10);
}

/* =========================================================
   WAIN NAKUL — ACTIVITY SETTINGS SECTION COLOR TOKENS
========================================================= */
:root {
    --wn-color-activity-settings-section-hex-237044: #237044;
    --wn-color-activity-settings-section-hex-352b37: #352b37;
    --wn-color-activity-settings-section-hex-49394b: #49394b;
    --wn-color-activity-settings-section-hex-9a899c: #9a899c;
    --wn-color-activity-settings-section-hex-9c55a0: #9c55a0;
    --wn-color-activity-settings-section-hex-a33a31: #a33a31;
    --wn-color-activity-settings-section-hex-ccebd6: #ccebd6;
    --wn-color-activity-settings-section-hex-f0fbf4: #f0fbf4;
    --wn-color-activity-settings-section-hex-f1d1ce: #f1d1ce;
    --wn-color-activity-settings-section-hex-f3edf4: #f3edf4;
    --wn-color-activity-settings-section-hex-fff4f3: #fff4f3;
}

/* =========================================================
   WAIN NAKUL — BILL SUCCESS COLOR TOKENS
========================================================= */
:root {
    --wn-color-bill-success-hex-271131: #271131;
    --wn-color-bill-success-hex-6030ba: #6030ba;
    --wn-color-bill-success-hex-685220: #685220;
    --wn-color-bill-success-hex-756779: #756779;
    --wn-color-bill-success-hex-f3edff: #f3edff;
}

/* =========================================================
   WAIN NAKUL — ACTIVITY DASHBOARD COLOR TOKENS
========================================================= */
:root {
    --wn-color-activity-dashboard-hex-13813f: #13813f;
    --wn-color-activity-dashboard-hex-241022: #241022;
    --wn-color-activity-dashboard-hex-55515a: #55515a;
    --wn-color-activity-dashboard-hex-5f515d: #5f515d;
    --wn-color-activity-dashboard-hex-786b77: #786b77;
    --wn-color-activity-dashboard-hex-7b168f: #7b168f;
    --wn-color-activity-dashboard-hex-8b7b89: #8b7b89;
    --wn-color-activity-dashboard-hex-9d6800: #9d6800;
    --wn-color-activity-dashboard-hex-b42323: #b42323;
    --wn-color-activity-dashboard-hex-b9288f: #b9288f;
    --wn-color-activity-dashboard-hex-eafaf0: #eafaf0;
    --wn-color-activity-dashboard-hex-f7ecfb: #f7ecfb;
    --wn-color-activity-dashboard-hex-ffecec: #ffecec;
    --wn-color-activity-dashboard-hex-fff3df: #fff3df;
    --wn-color-activity-dashboard-hex-fff6dd: #fff6dd;
    --wn-color-activity-dashboard-rgba-123-22-143-0p1: rgba(123,22,143,.10);
    --wn-color-activity-dashboard-rgba-123-22-143-0p22: rgba(123, 22, 143, .22);
    --wn-color-activity-dashboard-rgba-38-18-43-0p08: rgba(38, 18, 43, .08);
}

/* =========================================================
   WAIN NAKUL — AUTH REGISTER COLOR TOKENS
========================================================= */
:root {
    --wn-color-auth-register-hex-21643a: #21643a;
    --wn-color-auth-register-hex-4a214f: #4a214f;
    --wn-color-auth-register-hex-4c4250: #4c4250;
    --wn-color-auth-register-hex-760066: #760066;
    --wn-color-auth-register-hex-8b0075: #8b0075;
    --wn-color-auth-register-hex-8d7b90: #8d7b90;
    --wn-color-auth-register-hex-9b2137: #9b2137;
    --wn-color-auth-register-hex-bfe3ca: #bfe3ca;
    --wn-color-auth-register-hex-decfe1: #decfe1;
    --wn-color-auth-register-hex-e5ddd0: #e5ddd0;
    --wn-color-auth-register-hex-effaf3: #effaf3;
    --wn-color-auth-register-hex-f1c7cf: #f1c7cf;
    --wn-color-auth-register-hex-fff1f3: #fff1f3;
    --wn-color-auth-register-hex-fffdf8: #fffdf8;
}

/* =========================================================
   WAIN NAKUL — AUTH LOGIN COLOR TOKENS
========================================================= */
:root {
    --wn-color-auth-login-hex-216a3a: #216a3a;
    --wn-color-auth-login-hex-77006f: #77006f;
    --wn-color-auth-login-hex-9ed8b2: #9ed8b2;
    --wn-color-auth-login-hex-eefbf3: #eefbf3;
}

/* =========================================================
   WAIN NAKUL — AUTH FORGOT PASSWORD COLOR TOKENS
========================================================= */
:root {
    --wn-color-auth-forgot-password-hex-246b3d: #246b3d;
    --wn-color-auth-forgot-password-hex-b7dfc5: #b7dfc5;
    --wn-color-auth-forgot-password-hex-eefaf2: #eefaf2;
}

/* =========================================================
   WAIN NAKUL — COMMUNITY SHOW COLOR TOKENS
========================================================= */
:root {
    --wn-color-community-show-hex-8a798c: #8a798c;
    --wn-color-community-show-hex-f5f5f7: #f5f5f7;
}

/* =========================================================
   WAIN NAKUL — NOTIFICATIONS INDEX COLOR TOKENS
========================================================= */
:root {
    --wn-color-notifications-index-hex-321627: #321627;
    --wn-color-notifications-index-hex-8a6578: #8a6578;
    --wn-color-notifications-index-hex-a28b97: #a28b97;
    --wn-color-notifications-index-hex-f6e5ee: #f6e5ee;
    --wn-color-notifications-index-rgba-173-10-101-0p16: rgba(173,10,101,.16);
    --wn-color-notifications-index-rgba-173-10-101-0p22: rgba(173,10,101,.22);
    --wn-color-notifications-index-rgba-173-10-101-0p25: rgba(173,10,101,.25);
    --wn-color-notifications-index-rgba-255-248-251-0p82: rgba(255,248,251,.82);
    --wn-color-notifications-index-rgba-50-22-39-0p08: rgba(50,22,39,.08);
    --wn-color-notifications-index-rgba-91-25-62-0p05: rgba(91,25,62,.05);
}

/* =========================================================
   WAIN NAKUL — ADMIN IDENTITY VERIFICATION SHOW COLOR TOKENS
========================================================= */
:root {
    --wn-admin-color-identity-verification-show-rgba-100-116-139-0p07: rgba(100,116,139,.07);
    --wn-admin-color-identity-verification-show-rgba-100-116-139-0p08: rgba(100,116,139,.08);
    --wn-admin-color-identity-verification-show-rgba-100-116-139-0p16: rgba(100,116,139,.16);
    --wn-admin-color-identity-verification-show-rgba-15-23-42-0p08: rgba(15,23,42,.08);
    --wn-admin-color-identity-verification-show-rgba-15-23-42-0p14: rgba(15,23,42,.14);
    --wn-admin-color-identity-verification-show-rgba-245-158-11-0p09: rgba(245,158,11,.09);
    --wn-admin-color-identity-verification-show-rgba-245-158-11-0p18: rgba(245,158,11,.18);
}

/* =========================================================
   WAIN NAKUL — FOLLOW REQUESTS COLOR TOKENS
========================================================= */
:root {
    --wn-color-follow-requests-hex-555555: #555;
    --wn-color-follow-requests-rgba-255-248-251-0p78: rgba(255,248,251,.78);
}

/* =========================================================
   WAIN NAKUL — SAVED PAGE COLOR TOKENS
========================================================= */
:root {
    --wn-color-saved-hex-171717: #171717;
    --wn-color-saved-hex-222222: #222;
    --wn-color-saved-hex-777777: #777;
    --wn-color-saved-hex-858585: #858585;
    --wn-color-saved-hex-ececec: #ececec;
    --wn-color-saved-hex-ededed: #ededed;
    --wn-color-saved-hex-f2f2f2: #f2f2f2;
    --wn-color-saved-hex-f4f4f4: #f4f4f4;
}

/* =========================================================
   WAIN NAKUL — FINAL COLOR CENTRALIZATION
========================================================= */
:root {
    --wn-color-community-report-yawmiyah-hex-dddddd: #ddd;
    --wn-color-offer-details-live-hex-333333: #333;
    --wn-color-offer-details-live-hex-666666: #666;
    --wn-color-offer-details-live-hex-e5e7eb: #e5e7eb;
    --wn-color-offer-details-live-hex-f4f4f5: #f4f4f5;
    --wn-color-offer-details-live-hex-f8f8f8: #f8f8f8;
    --wn-color-partials-icon-hex-1d9bf0: #1D9BF0;
    --wn-color-partials-social-notification-rgba-173-10-101-0p38: rgba(173,10,101,.38);
}