/* Deploy to: assets/webawesome/dist-cdn/styles/color/palettes/inkbuddy.css
   Load AFTER styles/color/palettes/base.css (which supplies the *-on pairings);
   Web Awesome's own palettes @import it — here it is linked explicitly so the
   file works from any location. */

/* InkBuddy palette — derived from the brand five:
   #073B4C ink · #EF476F signal · #FFD166 amber · #118AB2 azure · #06D6A0 mint
   Structure mirrors Web Awesome's own palette files (11 tints × 10 hues + key). */

@layer wa-color-palette {
  .wa-palette-inkbuddy {
    --wa-color-red-95: oklch(96.2% 0.0240 12);
    --wa-color-red-90: oklch(92.5% 0.0480 12);
    --wa-color-red-80: oklch(84.0% 0.1587 12);
    --wa-color-red-70: oklch(75.6% 0.1793 12);
    --wa-color-red-60: #ef476f;
    --wa-color-red-50: oklch(56.8% 0.1793 12);
    --wa-color-red-40: oklch(46.6% 0.1587 12);
    --wa-color-red-30: oklch(39.5% 0.1380 12);
    --wa-color-red-20: oklch(32.2% 0.1173 12);
    --wa-color-red-10: oklch(23.6% 0.0967 12);
    --wa-color-red-05: oklch(18.4% 0.0760 12);
    --wa-color-red: var(--wa-color-red-60);
    --wa-color-red-key: 60;

    --wa-color-orange-95: oklch(96.2% 0.0186 48);
    --wa-color-orange-90: oklch(92.5% 0.0372 48);
    --wa-color-orange-80: oklch(84.0% 0.1230 48);
    --wa-color-orange-70: oklch(75.6% 0.1390 48);
    --wa-color-orange-60: oklch(67.2% 0.1550 48);
    --wa-color-orange-50: oklch(56.8% 0.1390 48);
    --wa-color-orange-40: oklch(46.6% 0.1230 48);
    --wa-color-orange-30: oklch(39.5% 0.1069 48);
    --wa-color-orange-20: oklch(32.2% 0.0909 48);
    --wa-color-orange-10: oklch(23.6% 0.0749 48);
    --wa-color-orange-05: oklch(18.4% 0.0589 48);
    --wa-color-orange: var(--wa-color-orange-60);
    --wa-color-orange-key: 60;

    --wa-color-yellow-95: oklch(96.2% 0.0162 88);
    --wa-color-yellow-90: oklch(92.5% 0.0324 88);
    --wa-color-yellow-80: #ffd166;
    --wa-color-yellow-70: oklch(75.6% 0.1245 88);
    --wa-color-yellow-60: oklch(67.2% 0.1141 88);
    --wa-color-yellow-50: oklch(56.8% 0.1036 88);
    --wa-color-yellow-40: oklch(46.6% 0.0931 88);
    --wa-color-yellow-30: oklch(39.5% 0.0827 88);
    --wa-color-yellow-20: oklch(32.2% 0.0722 88);
    --wa-color-yellow-10: oklch(23.6% 0.0618 88);
    --wa-color-yellow-05: oklch(18.4% 0.0513 88);
    --wa-color-yellow: var(--wa-color-yellow-80);
    --wa-color-yellow-key: 80;

    --wa-color-green-95: oklch(96.2% 0.0192 168);
    --wa-color-green-90: oklch(92.5% 0.0384 168);
    --wa-color-green-80: oklch(84.0% 0.1458 168);
    --wa-color-green-70: #06d6a0;
    --wa-color-green-60: oklch(67.2% 0.1458 168);
    --wa-color-green-50: oklch(56.8% 0.1317 168);
    --wa-color-green-40: oklch(46.6% 0.1175 168);
    --wa-color-green-30: oklch(39.5% 0.1033 168);
    --wa-color-green-20: oklch(32.2% 0.0891 168);
    --wa-color-green-10: oklch(23.6% 0.0750 168);
    --wa-color-green-05: oklch(18.4% 0.0608 168);
    --wa-color-green: var(--wa-color-green-70);
    --wa-color-green-key: 70;

    --wa-color-cyan-95: oklch(96.2% 0.0138 232);
    --wa-color-cyan-90: oklch(92.5% 0.0276 232);
    --wa-color-cyan-80: oklch(84.0% 0.0722 232);
    --wa-color-cyan-70: oklch(75.6% 0.0865 232);
    --wa-color-cyan-60: oklch(67.2% 0.1007 232);
    --wa-color-cyan-50: #118ab2;
    --wa-color-cyan-40: oklch(46.6% 0.1007 232);
    --wa-color-cyan-30: oklch(39.5% 0.0865 232);
    --wa-color-cyan-20: oklch(32.2% 0.0722 232);
    --wa-color-cyan-10: oklch(23.6% 0.0580 232);
    --wa-color-cyan-05: oklch(18.4% 0.0437 232);
    --wa-color-cyan: var(--wa-color-cyan-50);
    --wa-color-cyan-key: 50;

    --wa-color-blue-95: oklch(96.2% 0.0156 250);
    --wa-color-blue-90: oklch(92.5% 0.0312 250);
    --wa-color-blue-80: oklch(84.0% 0.0816 250);
    --wa-color-blue-70: oklch(75.6% 0.0978 250);
    --wa-color-blue-60: oklch(67.2% 0.1139 250);
    --wa-color-blue-50: oklch(56.8% 0.1300 250);
    --wa-color-blue-40: oklch(46.6% 0.1139 250);
    --wa-color-blue-30: oklch(39.5% 0.0978 250);
    --wa-color-blue-20: oklch(32.2% 0.0816 250);
    --wa-color-blue-10: oklch(23.6% 0.0655 250);
    --wa-color-blue-05: oklch(18.4% 0.0494 250);
    --wa-color-blue: var(--wa-color-blue-50);
    --wa-color-blue-key: 50;

    --wa-color-indigo-95: oklch(96.2% 0.0168 272);
    --wa-color-indigo-90: oklch(92.5% 0.0336 272);
    --wa-color-indigo-80: oklch(84.0% 0.0879 272);
    --wa-color-indigo-70: oklch(75.6% 0.1053 272);
    --wa-color-indigo-60: oklch(67.2% 0.1226 272);
    --wa-color-indigo-50: oklch(56.8% 0.1400 272);
    --wa-color-indigo-40: oklch(46.6% 0.1226 272);
    --wa-color-indigo-30: oklch(39.5% 0.1053 272);
    --wa-color-indigo-20: oklch(32.2% 0.0879 272);
    --wa-color-indigo-10: oklch(23.6% 0.0706 272);
    --wa-color-indigo-05: oklch(18.4% 0.0532 272);
    --wa-color-indigo: var(--wa-color-indigo-50);
    --wa-color-indigo-key: 50;

    --wa-color-purple-95: oklch(96.2% 0.0162 305);
    --wa-color-purple-90: oklch(92.5% 0.0324 305);
    --wa-color-purple-80: oklch(84.0% 0.0848 305);
    --wa-color-purple-70: oklch(75.6% 0.1015 305);
    --wa-color-purple-60: oklch(67.2% 0.1183 305);
    --wa-color-purple-50: oklch(56.8% 0.1350 305);
    --wa-color-purple-40: oklch(46.6% 0.1183 305);
    --wa-color-purple-30: oklch(39.5% 0.1015 305);
    --wa-color-purple-20: oklch(32.2% 0.0848 305);
    --wa-color-purple-10: oklch(23.6% 0.0680 305);
    --wa-color-purple-05: oklch(18.4% 0.0513 305);
    --wa-color-purple: var(--wa-color-purple-50);
    --wa-color-purple-key: 50;

    --wa-color-pink-95: oklch(96.2% 0.0204 350);
    --wa-color-pink-90: oklch(92.5% 0.0408 350);
    --wa-color-pink-80: oklch(84.0% 0.1349 350);
    --wa-color-pink-70: oklch(75.6% 0.1524 350);
    --wa-color-pink-60: oklch(67.2% 0.1700 350);
    --wa-color-pink-50: oklch(56.8% 0.1524 350);
    --wa-color-pink-40: oklch(46.6% 0.1349 350);
    --wa-color-pink-30: oklch(39.5% 0.1173 350);
    --wa-color-pink-20: oklch(32.2% 0.0997 350);
    --wa-color-pink-10: oklch(23.6% 0.0822 350);
    --wa-color-pink-05: oklch(18.4% 0.0646 350);
    --wa-color-pink: var(--wa-color-pink-60);
    --wa-color-pink-key: 60;

    --wa-color-gray-95: oklch(96.2% 0.0016 227);
    --wa-color-gray-90: oklch(92.5% 0.0031 227);
    --wa-color-gray-80: oklch(84.0% 0.0082 227);
    --wa-color-gray-70: oklch(75.6% 0.0098 227);
    --wa-color-gray-60: oklch(67.2% 0.0114 227);
    --wa-color-gray-50: oklch(56.8% 0.0130 227);
    --wa-color-gray-40: oklch(46.6% 0.0114 227);
    --wa-color-gray-30: oklch(39.5% 0.0098 227);
    --wa-color-gray-20: oklch(32.2% 0.0082 227);
    --wa-color-gray-10: oklch(23.6% 0.0066 227);
    --wa-color-gray-05: oklch(18.4% 0.0049 227);
    --wa-color-gray: var(--wa-color-gray-50);
    --wa-color-gray-key: 50;

    /* --wa-color-{hue}-on must be declared IN this scope: base.css declares it on
       :where(:root), where it resolves against the default palette's keys, not ours.
       Same rule as base.css — key < 60 → white, key >= 60 → {hue}-10. */
    --wa-color-red-on: var(--wa-color-red-10);        /* key 60 */
    --wa-color-orange-on: var(--wa-color-orange-10);  /* key 60 */
    --wa-color-yellow-on: var(--wa-color-yellow-10);  /* key 80 */
    --wa-color-green-on: var(--wa-color-green-10);    /* key 70 */
    --wa-color-cyan-on: white;                        /* key 50 */
    --wa-color-blue-on: white;
    --wa-color-indigo-on: white;
    --wa-color-purple-on: white;
    --wa-color-pink-on: var(--wa-color-pink-10);      /* key 60 */
    --wa-color-gray-on: white;
  }
}