@kodffe/tokens 0.0.0-stage → 0.7.0

package/icons/kf-v-thinking.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -24 124 132" role="img" aria-label="Thinking"><style>.kfs-thinking-extra circle{animation:kfs-thinking-dot 1.2s infinite}.kfs-thinking-extra circle:nth-child(2){animation-delay:.2s}.kfs-thinking-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-thinking-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-thinking-extra circle{animation:none}}</style><g class="kfs-thinking-eye "><circle cx="50" cy="34" r="25.57" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><g class="kfs-thinking-pupil "><circle cx="55" cy="27" r="9.72" fill="currentColor"/></g></g><path class="kfs-thinking-mouth" d="M30,84 H70" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="butt" stroke-linejoin="round"/><g class="kfs-thinking-extra" fill="currentColor"><circle cx="84" cy="6" r="4"/><circle cx="95" cy="-4" r="5"/><circle cx="108" cy="-15" r="6"/></g></svg>

package/icons/kf-v-typing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -24 124 132" role="img" aria-label="Typing"><style>.kfs-typing-extra circle{animation:kfs-typing-dot 1.2s infinite}.kfs-typing-extra circle:nth-child(2){animation-delay:.2s}.kfs-typing-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-typing-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-typing-extra circle{animation:none}}</style><g class="kfs-typing-eye "><circle cx="50" cy="34" r="25.57" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><g class="kfs-typing-pupil "><circle cx="56" cy="38" r="9.72" fill="currentColor"/></g></g><path class="kfs-typing-mouth" d="M26,68 V74 A24,24 0 0 0 74,74 V68" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="butt" stroke-linejoin="round"/><g class="kfs-typing-extra" fill="currentColor"><circle cx="86" cy="88" r="5"/><circle cx="97" cy="88" r="5"/><circle cx="108" cy="88" r="5"/></g></svg>

package/icons/kf-v-wink.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -24 124 132" role="img" aria-label="Wink"><style>.kfs-wink-winking{transform-box:fill-box;transform-origin:center;animation:kfs-wink-wink 3s infinite}@keyframes kfs-wink-wink{0%,80%,100%{transform:scaleY(1)}86%,90%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-wink-winking{animation:none}}</style><g class="kfs-wink-eye "><circle cx="50" cy="34" r="25.57" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><g class="kfs-wink-pupil kfs-wink-winking"><circle cx="57.67" cy="32.72" r="9.72" fill="currentColor"/></g></g><path class="kfs-wink-mouth" d="M26,68 V74 A24,24 0 0 0 74,74 V68" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="butt" stroke-linejoin="round"/></svg>

package/icons/kf-wallet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 112" role="img" aria-label="Wallet"><rect x="14" y="30" width="84" height="66" rx="12" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><path d="M24,30 L70,16 A6,6 0 0 1 78,22 V30" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><path d="M98,50 H78 A13,13 0 0 0 78,76 H98" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/><circle cx="79" cy="63" r="5" fill="currentColor"/></svg>

package/icons/kf-warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 112" role="img" aria-label="Warning"><g transform="translate(56 56) scale(1.47) translate(-56 -35.5)"><path d="M56,8 V38" fill="none" stroke="currentColor" stroke-width="7.47" stroke-linecap="round" stroke-linejoin="round"/><circle cx="56" cy="56" r="7" fill="currentColor"/></g></svg>

package/icons/kf-zap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 112" role="img" aria-label="Automation"><path d="M62,10 L22,64 H54 L48,102 L90,46 H58 Z" fill="none" stroke="currentColor" stroke-width="11" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/logo/kodffe-eye-favicon.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 112" role="img" aria-label="Kodffe">
+  <rect width="112" height="112" rx="24" fill="#2D3590"/>
+  <g id="mark" transform="translate(56 56) scale(1.28) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#00E9C2" stroke-width="7.2"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#00E9C2" stroke-width="7.2" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-inline-horizontal-black.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.32 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#000000" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM105.22 0V-36H126.9V-29.98H111.25V-21H123.9V-15H111.25V0ZM131.9 0V-36H153.57V-29.98H137.92V-21H150.57V-15H137.92V0ZM158.57 0V-36H181.82V-30.35H164.6V-21.48H178.82V-15.83H164.6V-5.65H181.82V0Z"/>
+  <g id="mark" transform="translate(35.02 43)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#000000" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#000000"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-inline-horizontal-indigo.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.32 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#191D4E" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM105.22 0V-36H126.9V-29.98H111.25V-21H123.9V-15H111.25V0ZM131.9 0V-36H153.57V-29.98H137.92V-21H150.57V-15H137.92V0ZM158.57 0V-36H181.82V-30.35H164.6V-21.48H178.82V-15.83H164.6V-5.65H181.82V0Z"/>
+  <g id="mark" transform="translate(35.02 43)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#2D3590" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#191D4E"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#2D3590" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-inline-horizontal-mint.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.32 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM105.22 0V-36H126.9V-29.98H111.25V-21H123.9V-15H111.25V0ZM131.9 0V-36H153.57V-29.98H137.92V-21H150.57V-15H137.92V0ZM158.57 0V-36H181.82V-30.35H164.6V-21.48H178.82V-15.83H164.6V-5.65H181.82V0Z"/>
+  <g id="mark" transform="translate(35.02 43)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#00E9C2" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#00E9C2" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-inline-horizontal-white.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.32 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM105.22 0V-36H126.9V-29.98H111.25V-21H123.9V-15H111.25V0ZM131.9 0V-36H153.57V-29.98H137.92V-21H150.57V-15H137.92V0ZM158.57 0V-36H181.82V-30.35H164.6V-21.48H178.82V-15.83H164.6V-5.65H181.82V0Z"/>
+  <g id="mark" transform="translate(35.02 43)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#FFFFFF" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-lockup-black.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 293 80" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(40 40) scale(1.006) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#000000" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#000000"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+  <path id="wordmark" transform="translate(94 57)" fill="#000000" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-lockup-indigo.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 293 80" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(40 40) scale(1.006) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#2D3590" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#191D4E"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#2D3590" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+  <path id="wordmark" transform="translate(94 57)" fill="#191D4E" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-lockup-mint.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 293 80" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(40 40) scale(1.006) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#00E9C2" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#00E9C2" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+  <path id="wordmark" transform="translate(94 57)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-lockup-white.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 293 80" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(40 40) scale(1.006) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#FFFFFF" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+  <path id="wordmark" transform="translate(94 57)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-mark-black-small.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.402) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#000000" stroke-width="7.8"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="6.52" fill="#000000"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#000000" stroke-width="7.8" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-black.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.341) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#000000" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#000000"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-indigo-small.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.402) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#2D3590" stroke-width="7.8"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="6.52" fill="#191D4E"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#2D3590" stroke-width="7.8" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-indigo.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.341) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#2D3590" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#191D4E"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#2D3590" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-mint-small.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.402) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#00E9C2" stroke-width="7.8"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="6.52" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#00E9C2" stroke-width="7.8" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-mint.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.341) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#00E9C2" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#00E9C2" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-white-small.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.402) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#FFFFFF" stroke-width="7.8"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="6.52" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#FFFFFF" stroke-width="7.8" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-mark-white.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" role="img" aria-label="Kodffe">
+  <g id="mark" transform="translate(50 50) scale(1.341) translate(-32.8 18)">
+    <circle id="eye-ring" cx="18.75" cy="-18" r="15.75" fill="none" stroke="#FFFFFF" stroke-width="6"/>
+    <circle id="pupil" cx="22.53" cy="-18" r="5.67" fill="#FFFFFF"/>
+    <path id="open-d" d="M41.1 -33H47.6A15 15 0 0 1 47.6 -3H41.1" fill="none" stroke="#FFFFFF" stroke-width="6" stroke-linecap="butt"/>
+  </g>
+</svg>

package/logo/kodffe-eye-wordmark-black.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 188 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#000000" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-wordmark-indigo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 188 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#191D4E" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-wordmark-mint.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 188 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/logo/kodffe-eye-wordmark-white.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 188 50" role="img" aria-label="Kodffe">
+  <path id="wordmark" transform="translate(0 43)" fill="#FFFFFF" d="M3.5 0V-36H9.53V-19.3L23.9 -36H31.3L15.83 -18.35L32.35 0H24.7L9.53 -16.8V0ZM49.65 0.75Q44.25 0.75 40.4 -1.61Q36.55 -3.98 34.49 -8.2Q32.42 -12.43 32.42 -18Q32.42 -23.58 34.49 -27.8Q36.55 -32.02 40.4 -34.39Q44.25 -36.75 49.65 -36.75Q55.05 -36.75 58.91 -34.39Q62.78 -32.02 64.84 -27.8Q66.9 -23.58 66.9 -18Q66.9 -12.43 64.84 -8.2Q62.78 -3.98 58.91 -1.61Q55.05 0.75 49.65 0.75ZM49.65 -4.93Q53.28 -4.9 55.69 -6.53Q58.1 -8.15 59.31 -11.1Q60.53 -14.05 60.53 -18Q60.53 -21.95 59.31 -24.86Q58.1 -27.78 55.69 -29.4Q53.28 -31.03 49.65 -31.08Q46.03 -31.1 43.62 -29.48Q41.23 -27.85 40.01 -24.9Q38.8 -21.95 38.8 -18Q38.8 -14.05 40 -11.14Q41.2 -8.22 43.61 -6.6Q46.03 -4.98 49.65 -4.93ZM72.4 0V-36H83.88Q84.33 -36 85.66 -35.98Q87 -35.95 88.25 -35.8Q92.53 -35.25 95.49 -32.76Q98.45 -30.28 99.97 -26.43Q101.5 -22.58 101.5 -18Q101.5 -13.43 99.97 -9.58Q98.45 -5.73 95.49 -3.24Q92.53 -0.75 88.25 -0.2Q87.03 -0.05 85.68 -0.03Q84.33 0 83.88 0ZM78.53 -5.68H83.88Q84.62 -5.68 85.79 -5.73Q86.95 -5.78 87.85 -5.95Q90.4 -6.43 92 -8.23Q93.6 -10.03 94.36 -12.6Q95.12 -15.18 95.12 -18Q95.12 -20.93 94.35 -23.5Q93.58 -26.08 91.96 -27.83Q90.35 -29.58 87.85 -30.05Q86.95 -30.25 85.79 -30.29Q84.62 -30.33 83.88 -30.33H78.53ZM107.93 0V-36H129.6V-29.98H113.95V-21H126.6V-15H113.95V0ZM134.6 0V-36H156.28V-29.98H140.63V-21H153.28V-15H140.63V0ZM161.28 0V-36H184.53V-30.35H167.3V-21.48H181.53V-15.83H167.3V-5.65H184.53V0Z"/>
+</svg>

package/package.json

@@ -1,6 +1,29 @@
 {
   "name": "@kodffe/tokens",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.7.0",
+  "description": "Kodffe design tokens: Tailwind v4 theme, light/dark semantic colors, icons and logo files.",
+  "type": "module",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kodffe/kodffe-web.git",
+    "directory": "packages/tokens"
+  },
+  "files": [
+    "tokens.css",
+    "icons",
+    "logo"
+  ],
+  "exports": {
+    "./tokens.css": "./tokens.css",
+    "./icons/*": "./icons/*",
+    "./logo/*": "./logo/*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "sync": "node scripts/sync-assets.mjs"
+  }
 }

package/tokens.css

@@ -0,0 +1,368 @@
+/*
+ * @kodffe/tokens — Tailwind CSS v4 theme for every Kodffe product.
+ * Usage:  @import "tailwindcss";  @import "@kodffe/tokens/tokens.css";
+ * Source: docs/design/tokens.md, docs/design/brand-colors-and-typography.md
+ */
+
+/* `dark:` utilities follow the explicit theme attribute; semantic colors below also follow the OS setting. */
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+@theme {
+  /* Brand: indigo replaces Tailwind's indigo so every indigo-* class is on-brand */
+  --color-indigo-50: #eef0fa;
+  --color-indigo-100: #dde1f4;
+  --color-indigo-200: #bcc3e9;
+  --color-indigo-300: #949fdb;
+  --color-indigo-400: #6b7bca;
+  --color-indigo-500: #4b5bb8;
+  --color-indigo-600: #2d3590;
+  --color-indigo-700: #252c78;
+  --color-indigo-800: #1f2468;
+  --color-indigo-900: #181c50;
+  --color-indigo-950: #10132f;
+
+  --color-mint-50: #e6fdf9;
+  --color-mint-100: #ccfbf3;
+  --color-mint-200: #99f6e7;
+  --color-mint-300: #66f2db;
+  --color-mint-400: #33edce;
+  --color-mint-500: #00e9c2;
+  --color-mint-600: #00b89a;
+  --color-mint-700: #008f78;
+  --color-mint-800: #006b5a;
+  --color-mint-900: #00473c;
+  --color-mint-950: #002a23;
+
+  --color-ink: #191d4e;
+
+  /* Semantic scales (warning and danger are the only non-brand hues) */
+  --color-warning-50: #fffbeb;
+  --color-warning-200: #fde68a;
+  --color-warning-400: #fbbf24;
+  --color-warning-500: #f59e0b;
+  --color-warning-700: #b45309;
+  --color-warning-800: #92400e;
+  --color-danger-50: #fef2f2;
+  --color-danger-200: #fecaca;
+  --color-danger-400: #f87171;
+  --color-danger-600: #dc2626;
+  --color-danger-700: #b91c1c;
+
+  /* Typography */
+  --font-display: 'Manrope', ui-sans-serif, system-ui, sans-serif;
+  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
+  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
+
+  /* Radius */
+  --radius-xs: 6px;
+  --radius-sm: 12px;
+  --radius-md: 16px;
+  --radius-lg: 20px;
+  --radius-xl: 28px;
+  --radius-2xl: 40px;
+
+  /* Breakpoints (mobile first) */
+  --breakpoint-sm: 640px;
+  --breakpoint-md: 960px;
+  --breakpoint-lg: 1200px;
+
+  /* Elevation and motion */
+  --shadow-raised: 0 30px 60px -30px rgb(45 53 144 / 0.25);
+  --shadow-overlay: 0 24px 48px -12px rgb(16 19 47 / 0.35);
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
+}
+
+/* Theme-aware roles: use these in components (bg-surface, text-fg, border-border…) */
+@theme inline {
+  --color-bg: var(--kf-bg);
+  --color-surface: var(--kf-surface);
+  --color-surface-muted: var(--kf-surface-muted);
+  --color-fg: var(--kf-fg);
+  --color-fg-muted: var(--kf-fg-muted);
+  --color-border: var(--kf-border);
+  --color-primary: var(--kf-primary);
+  --color-primary-hover: var(--kf-primary-hover);
+  --color-on-primary: var(--kf-on-primary);
+  --color-accent: var(--kf-accent);
+  --color-accent-hover: var(--kf-accent-hover);
+  --color-on-accent: var(--kf-on-accent);
+  --color-link: var(--kf-link);
+  --color-focus: var(--kf-focus);
+  /* Wordmark and mascot on the page background (header, footer). */
+  --color-logo: var(--kf-logo);
+  --color-overlay: var(--kf-overlay);
+
+  --color-success-surface: var(--kf-success-surface);
+  --color-success-border: var(--kf-success-border);
+  --color-success-fg: var(--kf-success-fg);
+  --color-success-icon: var(--kf-success-icon);
+  --color-warning-surface: var(--kf-warning-surface);
+  --color-warning-border: var(--kf-warning-border);
+  --color-warning-fg: var(--kf-warning-fg);
+  --color-warning-icon: var(--kf-warning-icon);
+  --color-danger-surface: var(--kf-danger-surface);
+  --color-danger-border: var(--kf-danger-border);
+  --color-danger-fg: var(--kf-danger-fg);
+  --color-danger-icon: var(--kf-danger-icon);
+  --color-info-surface: var(--kf-info-surface);
+  --color-info-border: var(--kf-info-border);
+  --color-info-fg: var(--kf-info-fg);
+  --color-info-icon: var(--kf-info-icon);
+
+  /* Brand surfaces and status solids (ADR-0013): products override brand roles, never status roles */
+  --color-primary-strong: var(--kf-primary-strong);
+  --color-surface-inverse: var(--kf-surface-inverse);
+  --color-on-surface-inverse: var(--kf-on-surface-inverse);
+  --color-success-solid: var(--kf-success-solid);
+  --color-on-success-solid: var(--kf-on-success-solid);
+  --color-warning-solid: var(--kf-warning-solid);
+  --color-on-warning-solid: var(--kf-on-warning-solid);
+  --color-danger-solid: var(--kf-danger-solid);
+  --color-danger-solid-hover: var(--kf-danger-solid-hover);
+  --color-on-danger-solid: var(--kf-on-danger-solid);
+
+  /* Category palette (ADR-0013): projects, clients, chart series, status dots */
+  --color-category-1: var(--kf-category-1);
+  --color-category-2: var(--kf-category-2);
+  --color-category-3: var(--kf-category-3);
+  --color-category-4: var(--kf-category-4);
+  --color-category-5: var(--kf-category-5);
+  --color-category-6: var(--kf-category-6);
+  --color-category-7: var(--kf-category-7);
+  --color-category-8: var(--kf-category-8);
+  --color-category-9: var(--kf-category-9);
+  --color-category-10: var(--kf-category-10);
+  --color-category-11: var(--kf-category-11);
+  --color-category-12: var(--kf-category-12);
+
+  /* Layout (ADR-0013): px-gutter, py-section-md, p-card, h-appbar, w-sidebar, w-subnav */
+  --spacing-gutter: var(--kf-gutter);
+  --spacing-section-sm: var(--kf-section-sm);
+  --spacing-section-md: var(--kf-section-md);
+  --spacing-section-lg: var(--kf-section-lg);
+  --spacing-card: var(--kf-card-padding);
+  --spacing-appbar: var(--kf-appbar-height);
+  --spacing-sidebar: var(--kf-sidebar-width);
+  --spacing-subnav: var(--kf-subnav-width);
+}
+
+/* Content widths (ADR-0013): max-w-article, max-w-form, max-w-app */
+@theme {
+  --container-article: 42rem;
+  --container-form: 50rem;
+  --container-app: 90rem;
+}
+
+:root {
+  --kf-bg: #f8fafc;
+  --kf-surface: #ffffff;
+  --kf-surface-muted: #eef0fa;
+  --kf-fg: #191d4e;
+  --kf-fg-muted: #475569;
+  --kf-border: #e2e8f0;
+  --kf-primary: #2d3590;
+  --kf-primary-hover: #1f2468;
+  --kf-on-primary: #ffffff;
+  --kf-accent: #00e9c2;
+  --kf-accent-hover: #33edce;
+  --kf-on-accent: #191d4e;
+  --kf-link: #2d3590;
+  /* Focus ring: ≥3:1 against the background in each theme (indigo on light, mint on dark). */
+  --kf-focus: #2d3590;
+  --kf-logo: #2d3590;
+  --kf-overlay: rgb(16 19 47 / 0.55);
+
+  --kf-success-surface: #e6fdf9;
+  --kf-success-border: #99f6e7;
+  --kf-success-fg: #006b5a;
+  --kf-success-icon: #008f78;
+  --kf-warning-surface: #fffbeb;
+  --kf-warning-border: #fde68a;
+  --kf-warning-fg: #92400e;
+  --kf-warning-icon: #b45309;
+  --kf-danger-surface: #fef2f2;
+  --kf-danger-border: #fecaca;
+  --kf-danger-fg: #b91c1c;
+  --kf-danger-icon: #dc2626;
+  --kf-info-surface: #eef0fa;
+  --kf-info-border: #bcc3e9;
+  --kf-info-fg: #252c78;
+  --kf-info-icon: #4b5bb8;
+  /* Categorical chart palette (ADR-0005): ≥3:1 against the surface, distinct in both themes */
+  --kf-chart-1: #2d3590;
+  --kf-chart-2: #00a88c;
+  --kf-chart-3: #d97706;
+  --kf-chart-4: #e5484d;
+  --kf-chart-5: #0284c7;
+
+  /* Brand surfaces (override per product) and status solids (never override) — ADR-0013 */
+  --kf-primary-strong: #252c78;
+  --kf-surface-inverse: #191d4e;
+  --kf-on-surface-inverse: #ffffff;
+  --kf-gradient-from: #2d3590;
+  --kf-gradient-to: #007a68;
+  --kf-gradient-vivid-to: #00e9c2;
+  --kf-success-solid: #00e9c2;
+  --kf-on-success-solid: #191d4e;
+  --kf-warning-solid: #f59e0b;
+  --kf-on-warning-solid: #191d4e;
+  --kf-danger-solid: #dc2626;
+  --kf-danger-solid-hover: #b91c1c;
+  --kf-on-danger-solid: #ffffff;
+
+  /* Category palette: white text ≥4.5:1 on each hue; never the only cue (add a label or legend) */
+  --kf-category-1: #4b5bb8;
+  --kf-category-2: #007f6b;
+  --kf-category-3: #2563c9;
+  --kf-category-4: #7c4ddb;
+  --kf-category-5: #db2777;
+  --kf-category-6: #dc2626;
+  --kf-category-7: #c2410c;
+  --kf-category-8: #a16207;
+  --kf-category-9: #4d7c0f;
+  --kf-category-10: #15803d;
+  --kf-category-11: #0e7490;
+  --kf-category-12: #64748b;
+
+  /* Layout (ADR-0013); responsive values below */
+  --kf-gutter: 16px;
+  --kf-section-sm: 48px;
+  --kf-section-md: 64px;
+  --kf-section-lg: 96px;
+  --kf-card-padding: 16px;
+  --kf-appbar-height: 4rem;
+  --kf-sidebar-width: 18rem;
+  --kf-subnav-width: 15rem;
+  color-scheme: light;
+}
+
+@media (min-width: 640px) {
+  :root {
+    --kf-gutter: 24px;
+    --kf-card-padding: 24px;
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --kf-gutter: 32px;
+    --kf-section-sm: 64px;
+    --kf-section-md: 96px;
+    --kf-section-lg: 160px;
+  }
+}
+
+/* Dark values, applied by OS preference (unless the user picked light) or by data-theme="dark" */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme='light']) {
+    --kf-bg: #0c0f26;
+    --kf-surface: #151a3c;
+    --kf-surface-muted: #1f2468;
+    --kf-fg: #eef0fa;
+    --kf-fg-muted: #a7aed6;
+    --kf-border: #272d5c;
+    --kf-primary: #4b5bb8;
+    --kf-primary-hover: #6b7bca;
+    --kf-link: #00e9c2;
+    --kf-focus: #00e9c2;
+    --kf-logo: #eef0fa;
+    --kf-overlay: rgb(0 0 0 / 0.6);
+    --kf-success-surface: #00473c;
+    --kf-success-border: #006b5a;
+    --kf-success-fg: #99f6e7;
+    --kf-success-icon: #00e9c2;
+    --kf-warning-surface: #3b2a06;
+    --kf-warning-border: #92400e;
+    --kf-warning-fg: #fde68a;
+    --kf-warning-icon: #fbbf24;
+    --kf-danger-surface: #3b1212;
+    --kf-danger-border: #b91c1c;
+    --kf-danger-fg: #fecaca;
+    --kf-danger-icon: #f87171;
+    --kf-info-surface: #1f2468;
+    --kf-info-border: #4b5bb8;
+    --kf-info-fg: #dde1f4;
+    --kf-info-icon: #949fdb;
+    --kf-chart-1: #8b95e6;
+    --kf-chart-2: #00e9c2;
+    --kf-chart-3: #fbbf24;
+    --kf-chart-4: #f87171;
+    --kf-chart-5: #38bdf8;
+    --kf-category-1: #8b95e6;
+    --kf-category-2: #2dd4bf;
+    --kf-category-3: #60a5fa;
+    --kf-category-4: #a78bfa;
+    --kf-category-5: #f472b6;
+    --kf-category-6: #f87171;
+    --kf-category-7: #fb923c;
+    --kf-category-8: #fbbf24;
+    --kf-category-9: #a3e635;
+    --kf-category-10: #4ade80;
+    --kf-category-11: #22d3ee;
+    --kf-category-12: #94a3b8;
+    color-scheme: dark;
+  }
+}
+
+[data-theme='dark'] {
+  --kf-bg: #0c0f26;
+  --kf-surface: #151a3c;
+  --kf-surface-muted: #1f2468;
+  --kf-fg: #eef0fa;
+  --kf-fg-muted: #a7aed6;
+  --kf-border: #272d5c;
+  --kf-primary: #4b5bb8;
+  --kf-primary-hover: #6b7bca;
+  --kf-link: #00e9c2;
+  --kf-focus: #00e9c2;
+  --kf-logo: #eef0fa;
+  --kf-overlay: rgb(0 0 0 / 0.6);
+  --kf-success-surface: #00473c;
+  --kf-success-border: #006b5a;
+  --kf-success-fg: #99f6e7;
+  --kf-success-icon: #00e9c2;
+  --kf-warning-surface: #3b2a06;
+  --kf-warning-border: #92400e;
+  --kf-warning-fg: #fde68a;
+  --kf-warning-icon: #fbbf24;
+  --kf-danger-surface: #3b1212;
+  --kf-danger-border: #b91c1c;
+  --kf-danger-fg: #fecaca;
+  --kf-danger-icon: #f87171;
+  --kf-info-surface: #1f2468;
+  --kf-info-border: #4b5bb8;
+  --kf-info-fg: #dde1f4;
+  --kf-info-icon: #949fdb;
+  --kf-chart-1: #8b95e6;
+  --kf-chart-2: #00e9c2;
+  --kf-chart-3: #fbbf24;
+  --kf-chart-4: #f87171;
+  --kf-chart-5: #38bdf8;
+  --kf-category-1: #8b95e6;
+  --kf-category-2: #2dd4bf;
+  --kf-category-3: #60a5fa;
+  --kf-category-4: #a78bfa;
+  --kf-category-5: #f472b6;
+  --kf-category-6: #f87171;
+  --kf-category-7: #fb923c;
+  --kf-category-8: #fbbf24;
+  --kf-category-9: #a3e635;
+  --kf-category-10: #4ade80;
+  --kf-category-11: #22d3ee;
+  --kf-category-12: #94a3b8;
+  color-scheme: dark;
+}
+
+/*
+ * Brand gradient for surfaces with content (white text and icons): indigo to deep teal keeps white text
+ * at ≥5.2:1 across the whole gradient. The vivid indigo → mint gradient (1.6:1 for white text at the mint
+ * end) is decorative only: never put text or icons on it.
+ */
+@utility bg-gradient-brand {
+  background-image: linear-gradient(135deg, var(--kf-gradient-from) 0%, var(--kf-gradient-to) 100%);
+}
+
+@utility bg-gradient-brand-vivid {
+  background-image: linear-gradient(135deg, var(--kf-gradient-from) 0%, var(--kf-gradient-vivid-to) 100%);
+}