@import url('base.css');

@layer wa-color-palette {
  .wa-palette-cyv-custom {
    /* Brand Blue (base-color: #384971) - Used as primary brand color */
    --wa-color-blue-95: #f0f2f7;
    --wa-color-blue-90: #e1e5ed;
    --wa-color-blue-80: #c3cbd9;
    --wa-color-blue-70: #9faab9;
    --wa-color-blue-60: #7a8a9f;
    --wa-color-blue-50: #5d6f89;
    --wa-color-blue-40: #384971; /* Base brand color */
    --wa-color-blue-30: #2d3a5a;
    --wa-color-blue-20: #212a43;
    --wa-color-blue-10: #161b2c;
    --wa-color-blue-05: #0e111c;
    --wa-color-blue: var(--wa-color-blue-40);
    --wa-color-blue-key: 40;

    /* Primary Blue/Teal (#82c6c6) */
    --wa-color-cyan-95: #f3fbfb;
    --wa-color-cyan-90: #e6f7f7;
    --wa-color-cyan-80: #cdefef;
    --wa-color-cyan-70: #b3e6e6;
    --wa-color-cyan-60: #9adede;
    --wa-color-cyan-50: #82c6c6; /* Primary blue color */
    --wa-color-cyan-40: #689e9e;
    --wa-color-cyan-30: #4e7676;
    --wa-color-cyan-20: #344e4e;
    --wa-color-cyan-10: #1a2727;
    --wa-color-cyan-05: #0d1313;
    --wa-color-cyan: var(--wa-color-cyan-50);
    --wa-color-cyan-key: 50;

    /* Primary Orange (#ed7749) */
    --wa-color-orange-95: #fef5f1;
    --wa-color-orange-90: #fdeae3;
    --wa-color-orange-80: #fbd5c7;
    --wa-color-orange-70: #f8bfab;
    --wa-color-orange-60: #f6aa8f;
    --wa-color-orange-50: #f49573;
    --wa-color-orange-40: #ed7749; /* Primary orange */
    --wa-color-orange-30: #be5f3a;
    --wa-color-orange-20: #8e472b;
    --wa-color-orange-10: #5f2f1d;
    --wa-color-orange-05: #2f180e;
    --wa-color-orange: var(--wa-color-orange-40);
    --wa-color-orange-key: 40;

    /* Primary Yellow (#ffb953) */
    --wa-color-yellow-95: #fffaf0;
    --wa-color-yellow-90: #fff4e0;
    --wa-color-yellow-80: #ffe9c1;
    --wa-color-yellow-70: #ffdea2;
    --wa-color-yellow-60: #ffd383;
    --wa-color-yellow-50: #ffc864;
    --wa-color-yellow-40: #ffb953; /* Primary yellow */
    --wa-color-yellow-30: #cc9442;
    --wa-color-yellow-20: #996f31;
    --wa-color-yellow-10: #664a21;
    --wa-color-yellow-05: #332510;
    --wa-color-yellow: var(--wa-color-yellow-40);
    --wa-color-yellow-key: 40;

    /* Primary Pink (#f0a8c0) */
    --wa-color-red-95: #fef7f9;
    --wa-color-red-90: #fdeef3;
    --wa-color-red-80: #fadde7;
    --wa-color-red-70: #f8cbdb;
    --wa-color-red-60: #f5bacf;
    --wa-color-red-50: #f0a8c0; /* Primary pink */
    --wa-color-red-40: #f294b3;
    --wa-color-red-30: #c2768f;
    --wa-color-red-20: #91586b;
    --wa-color-red-10: #613b47;
    --wa-color-red-05: #301d23;
    --wa-color-red: var(--wa-color-red-50);
    --wa-color-red-key: 50;

    /* Light Pink (#fdc0ae) */
    --wa-color-purple-95: #fffaf8;
    --wa-color-purple-90: #fff4f1;
    --wa-color-purple-80: #fee9e3;
    --wa-color-purple-70: #feddd5;
    --wa-color-purple-60: #fed2c7;
    --wa-color-purple-50: #fdc0ae; /* Light pink */
    --wa-color-purple-40: #fdae99;
    --wa-color-purple-30: #ca8b7a;
    --wa-color-purple-20: #98685b;
    --wa-color-purple-10: #65453d;
    --wa-color-purple-05: #32221e;
    --wa-color-purple: var(--wa-color-purple-50);
    --wa-color-purple-key: 50;

    /* Success/Green - keeping standard Web Awesome green */
    --wa-color-green-95: #ebf6e0;
    --wa-color-green-90: #d3efbe;
    --wa-color-green-80: #96db86;
    --wa-color-green-70: #68c17c;
    --wa-color-green-60: #4aa672;
    --wa-color-green-50: #2e845d;
    --wa-color-green-40: #1b6548;
    --wa-color-green-30: #104f38;
    --wa-color-green-20: #083a29;
    --wa-color-green-10: #032317;
    --wa-color-green-05: #01160d;
    --wa-color-green: var(--wa-color-green-80);
    --wa-color-green-key: 80;

    /* Neutral - based on base-color but desaturated */
    --wa-color-neutral-100: #ffffff;
    --wa-color-neutral-95: #f5f6f7;
    --wa-color-neutral-90: #ebedef;
    --wa-color-neutral-80: #d7dbe1;
    --wa-color-neutral-70: #c3c9d3;
    --wa-color-neutral-60: #afb7c5;
    --wa-color-neutral-50: #8792a5;
    --wa-color-neutral-40: #6c757d; /* Bootstrap gray-600 equivalent */
    --wa-color-neutral-30: #515a66;
    --wa-color-neutral-20: #363f4d;
    --wa-color-neutral-10: #1b2433;
    --wa-color-neutral-05: #0d121a;
    --wa-color-neutral-00: #000000;
    --wa-color-neutral: var(--wa-color-neutral-60);
    --wa-color-neutral-key: 60;

    /* Map brand color to Web Awesome's brand semantic color */
    --wa-color-brand-95: var(--wa-color-blue-95);
    --wa-color-brand-90: var(--wa-color-blue-90);
    --wa-color-brand-80: var(--wa-color-blue-80);
    --wa-color-brand-70: var(--wa-color-blue-70);
    --wa-color-brand-60: var(--wa-color-blue-60);
    --wa-color-brand-50: var(--wa-color-blue-50);
    --wa-color-brand-40: var(--wa-color-blue-40); /* #384971 */
    --wa-color-brand-30: var(--wa-color-blue-30);
    --wa-color-brand-20: var(--wa-color-blue-20);
    --wa-color-brand-10: var(--wa-color-blue-10);
    --wa-color-brand-05: var(--wa-color-blue-05);
    --wa-color-brand: var(--wa-color-brand-40);
    --wa-color-brand-key: 40;

    /* Success maps to green */
    --wa-color-success: var(--wa-color-green);
    --wa-color-success-key: var(--wa-color-green-key);

    /* Warning maps to orange */
    --wa-color-warning-95: var(--wa-color-orange-95);
    --wa-color-warning-90: var(--wa-color-orange-90);
    --wa-color-warning-80: var(--wa-color-orange-80);
    --wa-color-warning-70: var(--wa-color-orange-70);
    --wa-color-warning-60: var(--wa-color-orange-60);
    --wa-color-warning-50: var(--wa-color-orange-50);
    --wa-color-warning-40: var(--wa-color-orange-40);
    --wa-color-warning-30: var(--wa-color-orange-30);
    --wa-color-warning-20: var(--wa-color-orange-20);
    --wa-color-warning-10: var(--wa-color-orange-10);
    --wa-color-warning-05: var(--wa-color-orange-05);
    --wa-color-warning: var(--wa-color-warning-40);
    --wa-color-warning-key: 40;

    /* Danger - keeping standard Web Awesome red for errors */
    --wa-color-danger-95: #ffefee;
    --wa-color-danger-90: #fededd;
    --wa-color-danger-80: #fabab8;
    --wa-color-danger-70: #f19695;
    --wa-color-danger-60: #d47c7e;
    --wa-color-danger-50: #af5e5a;
    --wa-color-danger-40: #89453f;
    --wa-color-danger-30: #6d352f;
    --wa-color-danger-20: #522521;
    --wa-color-danger-10: #331512;
    --wa-color-danger-05: #220b09;
    --wa-color-danger: var(--wa-color-danger-70);
    --wa-color-danger-key: 70;
  }
}