fix chirp surface contrast — switch all text to --peach-t0/t1/t2 (--peach-text was 4% opacity token); reduce horizontal padding 18px→12px to use full 320px width (v3.3.3)

@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.3.2",4+  "version": "3.3.3",55   "description": "Zero-knowledge password manager",66   "browser_specific_settings": {77     "gecko": {

@@ -1,7 +1,7 @@11 {22   "manifest_version": 3,33   "name": "Peach",4-  "version": "3.3.2",4+  "version": "3.3.3",55   "description": "Zero-knowledge password manager",66   "action": {77     "default_popup": "src/popup/index.html",

@@ -1,6 +1,6 @@11 {22   "name": "peach",3-  "version": "3.3.2",3+  "version": "3.3.3",44   "description": "Zero-knowledge password manager",55   "type": "module",66   "scripts": {

@@ -8738,14 +8738,16 @@87388738   position: relative;87398739   display: flex;87408740   flex-direction: column;8741-  padding: 16px 18px 14px;8741+  padding: 14px 12px 12px;87428742   height: 100%;87438743   min-height: 100%;8744+  width: 100%;8745+  box-sizing: border-box;87448746   gap: 0;87458747   background:8746-    radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 8%, transparent), transparent 70%),8748+    radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 10%, transparent), transparent 70%),87478749     var(--peach-bg);8748-  color: var(--peach-text);8750+  color: var(--peach-t0);87498751   overflow-y: auto;87508752   overflow-x: hidden;87518753   scrollbar-width: none;@@ -8770,23 +8772,24 @@87708772 .peach-chirp-back {87718773   width: 32px; height: 32px;87728774   display: inline-flex; align-items: center; justify-content: center;8773-  background: color-mix(in srgb, var(--peach-text) 4%, transparent);8774-  border: 1px solid color-mix(in srgb, var(--peach-text) 8%, transparent);8775+  background: color-mix(in srgb, var(--peach-t0) 6%, transparent);8776+  border: 1px solid color-mix(in srgb, var(--peach-t0) 12%, transparent);87758777   border-radius: 8px;8776-  color: var(--peach-text-dim);8778+  color: var(--peach-t1);87778779   cursor: pointer;87788780   transition: background 0.15s ease, color 0.15s ease;87798781 }87808782 .peach-chirp-back:hover {8781-  background: color-mix(in srgb, var(--peach-text) 7%, transparent);8782-  color: var(--peach-text);8783+  background: color-mix(in srgb, var(--peach-t0) 10%, transparent);8784+  color: var(--peach-t0);87838785 }87848786 .peach-chirp-title {8785-  font-family: var(--peach-serif, Georgia, serif);8787+  font-family: var(--font-display, Georgia, serif);87868788   font-style: italic;8787-  font-size: 22px;8788-  letter-spacing: 0.01em;8789-  color: var(--peach-text);8789+  font-size: 24px;8790+  font-weight: 500;8791+  letter-spacing: 0.005em;8792+  color: var(--peach-t0);87908793   line-height: 1;87918794 }87928795 .peach-chirp-head-spacer { flex: 1; }@@ -8801,13 +8804,13 @@88018804 .peach-chirp-chip {88028805   display: inline-flex; align-items: center; gap: 8px;88038806   padding: 5px 10px 5px 8px;8804-  background: color-mix(in srgb, var(--peach-accent) 10%, transparent);8805-  border: 1px solid color-mix(in srgb, var(--peach-accent) 20%, transparent);8807+  background: color-mix(in srgb, var(--peach-accent) 16%, transparent);8808+  border: 1px solid color-mix(in srgb, var(--peach-accent) 32%, transparent);88068809   border-radius: 999px;88078810   font-family: var(--peach-mono, ui-monospace, monospace);8808-  font-size: 10.5px;8811+  font-size: 11px;88098812   letter-spacing: 0.04em;8810-  color: var(--peach-accent);8813+  color: color-mix(in srgb, var(--peach-accent) 70%, var(--peach-t0));88118814 }88128815 .peach-chirp-chip-dot {88138816   width: 6px; height: 6px; border-radius: 50%;@@ -8842,14 +8845,14 @@88428845 /* Bird stage ----------------------------------------------------------- */88438846 .peach-chirp-stage {88448847   position: relative;8845-  margin: 14px -4px 8px;8848+  margin: 14px 0 8px;88468849   height: 180px;88478850   border-radius: 12px;88488851   background:8849-    radial-gradient(ellipse 70% 60% at 50% 30%, color-mix(in srgb, var(--peach-accent) 8%, transparent), transparent 70%),8850-    radial-gradient(ellipse 90% 100% at 50% 100%, color-mix(in srgb, #d8748a 12%, transparent), transparent 70%),8852+    radial-gradient(ellipse 70% 60% at 50% 30%, color-mix(in srgb, var(--peach-accent) 10%, transparent), transparent 70%),8853+    radial-gradient(ellipse 90% 100% at 50% 100%, color-mix(in srgb, #d8748a 14%, transparent), transparent 70%),88518854     color-mix(in srgb, var(--peach-bg) 92%, #000);8852-  border: 1px solid color-mix(in srgb, var(--peach-text) 6%, transparent);8855+  border: 1px solid color-mix(in srgb, var(--peach-t0) 8%, transparent);88538856   overflow: hidden;88548857   isolation: isolate;88558858 }@@ -8859,7 +8862,7 @@88598862   left: 12%; right: 12%;88608863   bottom: 36px;88618864   height: 1px;8862-  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--peach-text) 12%, transparent), transparent);8865+  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--peach-t0) 14%, transparent), transparent);88638866 }88648867 88658868 .peach-chirp-bird-slot {@@ -9202,13 +9205,14 @@92029205   to   { opacity: 1; transform: translateY(0); }92039206 }92049207 .peach-chirp-headline {9205-  font-family: var(--peach-serif, Georgia, serif);9208+  font-family: var(--font-display, Georgia, serif);92069209   font-style: italic;92079210   font-size: 20px;9208-  line-height: 1.15;9209-  letter-spacing: 0.01em;9210-  color: var(--peach-text);9211-  margin-bottom: 5px;9211+  font-weight: 500;9212+  line-height: 1.2;9213+  letter-spacing: 0.005em;9214+  color: var(--peach-t0);9215+  margin-bottom: 6px;92129216 }92139217 .peach-chirp-copy-listening .peach-chirp-headline,92149218 .peach-chirp-copy-chirping .peach-chirp-headline,@@ -9216,18 +9220,18 @@92169220   font-family: inherit;92179221   font-style: normal;92189222   font-weight: 500;9219-  font-size: 14.5px;9220-  color: var(--peach-text-dim);9223+  font-size: 15px;9224+  color: var(--peach-t0);92219225   letter-spacing: 0;92229226 }92239227 .peach-chirp-copy-paired .peach-chirp-headline {9224-  color: var(--peach-text);9228+  color: var(--peach-t0);92259229   font-weight: 600;92269230 }92279231 .peach-chirp-sub {9228-  font-size: 12px;9232+  font-size: 12.5px;92299233   line-height: 1.45;9230-  color: var(--peach-text-muted);9234+  color: var(--peach-t1);92319235   max-width: 280px;92329236   margin: 0 auto;92339237   text-wrap: pretty;@@ -9252,7 +9256,7 @@92529256   font-size: 9.5px;92539257   text-transform: uppercase;92549258   letter-spacing: 0.12em;9255-  color: var(--peach-text-muted);9259+  color: var(--peach-t1);92569260   padding: 8px 10px;92579261 }92589262 .peach-chirp-listen-dot {@@ -9280,7 +9284,7 @@92809284   width: 100%;92819285   max-width: 280px;92829286   height: 2px;9283-  background: color-mix(in srgb, var(--peach-text) 8%, transparent);9287+  background: color-mix(in srgb, var(--peach-t0) 10%, transparent);92849288   border-radius: 2px;92859289   position: relative;92869290   overflow: hidden;@@ -9302,7 +9306,7 @@93029306   font-size: 9.5px;93039307   text-transform: uppercase;93049308   letter-spacing: 0.14em;9305-  color: var(--peach-text-muted);9309+  color: var(--peach-t1);93069310 }93079311 93089312 .peach-chirp-action-paired {@@ -9317,10 +9321,10 @@93179321   gap: 8px;93189322   padding: 9px 10px 9px 12px;93199323   border-radius: 10px;9320-  background: color-mix(in srgb, #76b6e8 10%, transparent);9321-  border: 1px solid color-mix(in srgb, #76b6e8 26%, transparent);9324+  background: color-mix(in srgb, #76b6e8 12%, transparent);9325+  border: 1px solid color-mix(in srgb, #76b6e8 30%, transparent);93229326   font-size: 12.5px;9323-  color: var(--peach-text);9327+  color: var(--peach-t0);93249328   min-width: 0;93259329 }93269330 .peach-chirp-device-confirm-glyph {@@ -9338,10 +9342,10 @@93389342   font-size: 9.5px;93399343   text-transform: uppercase;93409344   letter-spacing: 0.1em;9341-  color: color-mix(in srgb, #76b6e8 85%, var(--peach-text));9345+  color: #76b6e8;93429346   padding: 2px 6px;93439347   border-radius: 4px;9344-  background: color-mix(in srgb, #76b6e8 12%, transparent);9348+  background: color-mix(in srgb, #76b6e8 14%, transparent);93459349 }93469350 .peach-chirp-done {93479351   min-width: 80px;@@ -9354,7 +9358,7 @@93549358 }93559359 .peach-chirp-mic-help {93569360   font-size: 12px;9357-  color: var(--peach-text-muted);9361+  color: var(--peach-t1);93589362   text-align: center;93599363   max-width: 320px;93609364   margin: 0 auto;@@ -9399,7 +9403,7 @@93999403   font-weight: 500;94009404   letter-spacing: 0.14em;94019405   text-transform: uppercase;9402-  color: var(--peach-text-muted);9406+  color: var(--peach-t1);94039407 }94049408 94059409 /* Footer --------------------------------------------------------------- */@@ -9409,15 +9413,15 @@94099413 }94109414 .peach-chirp-foot-divider {94119415   height: 1px;9412-  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--peach-text) 14%, transparent), transparent);9416+  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--peach-t0) 18%, transparent), transparent);94139417   margin-bottom: 10px;94149418 }94159419 .peach-chirp-foot-text {94169420   font-size: 11px;94179421   line-height: 1.5;9418-  color: var(--peach-text-muted);9422+  color: var(--peach-t1);94199423   text-align: center;9420-  padding: 0 8px;9424+  padding: 0 4px;94219425   text-wrap: pretty;94229426 }94239427 @@ -9469,7 +9473,7 @@94699473   display: flex;94709474   flex-direction: column;94719475   gap: 18px;9472-  padding: 16px 18px 14px;9476+  padding: 14px 12px 12px;94739477   width: 100%;94749478   box-sizing: border-box;94759479   overflow-y: auto;@@ -9477,9 +9481,9 @@94779481   height: 100%;94789482   /* Same warm Chirp surface as the pairing screen — unifies the two views. */94799483   background:9480-    radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 8%, transparent), transparent 70%),9484+    radial-gradient(ellipse 70% 50% at 30% 0%, color-mix(in srgb, var(--peach-accent) 10%, transparent), transparent 70%),94819485     var(--peach-bg);9482-  color: var(--peach-text);9486+  color: var(--peach-t0);94839487   isolation: isolate;94849488   /* Hide native scrollbar — content fits 99% of the time and a chunky94859489      gutter ruins the surface. */@@ -9512,13 +9516,13 @@95129516 }95139517 .peach-chirp-settings-title {95149518   margin: 0;9515-  font-family: var(--peach-serif, Georgia, serif);9519+  font-family: var(--font-display, Georgia, serif);95169520   font-style: italic;9517-  font-size: 22px;9521+  font-size: 24px;95189522   font-weight: 500;95199523   line-height: 1;9520-  color: var(--peach-text);9521-  letter-spacing: 0.01em;9524+  color: var(--peach-t0);9525+  letter-spacing: 0.005em;95229526 }95239527 .peach-chirp-settings-section {95249528   margin: 6px 0 -4px;@@ -9560,19 +9564,19 @@95609564 }95619565 .peach-chirp-hero-headline {95629566   margin: 0;9563-  font-family: var(--peach-serif, Georgia, serif);9567+  font-family: var(--font-display, Georgia, serif);95649568   font-style: italic;95659569   font-size: 20px;95669570   font-weight: 500;95679571   line-height: 1.2;9568-  letter-spacing: 0.01em;9569-  color: var(--peach-text);9572+  letter-spacing: 0.005em;9573+  color: var(--peach-t0);95709574 }95719575 .peach-chirp-hero-sub {95729576   margin: 0;95739577   font-size: 13px;95749578   line-height: 1.5;9575-  color: var(--peach-text-muted);9579+  color: var(--peach-t1);95769580   max-width: 320px;95779581   text-wrap: pretty;95789582 }