{"name":"Socratic AI site colors","generatedFrom":"apps/socratic/src/data/brand-colors.ts","liveTokens":"apps/socratic/src/components/CustomStyles.astro","note":"documentedHex is the value recorded from CustomStyles.astro. The page at /brand/colors reads the live tokens at runtime and flags any disagreement.","colors":[{"token":"--socratic-highlight","scope":"Bounded","displayName":"Pink Meringue","roleLabel":"Text highlight","documentedHex":"#FDDCE7","role":"The preferred color for highlighting text, selected on September 23, 2026.","appearsIn":["The Socratic instruction in the homepage and approach-page prompts","The prompt highlight’s animated sweep","Color reference and comparison pages"],"never":["Not a replacement for underline, link, button, or browser-selection colors"],"since":"2026-09-23","states":["rest"],"example":"swatch-only","contrast":"both"},{"token":"--socratic-pink","scope":"Core","displayName":"Strawberry Milk","roleLabel":"Structural pink","alias":"Socratic Pink","documentedHex":"#FBB6CE","role":"Pink marks and carries prose hyperlink text: rules, underlines, borders, primary-button outlines, numerals, and body links.","appearsIn":["Prose links at rest, on marketing and blog pages","The bar under Socratic in the hero, and short pink heading rules","Definition numerals and the CTA chevron glyph","The primary CTA outline and the form-submit border","Linked titles on hover"],"never":["Never a page or section background","Never a highlighter swipe or marker-pen texture; marks keep clean straight edges","Never joined by a second hue on a button"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"prose-link","contrast":"both"},{"token":"--socratic-navy","scope":"Core","displayName":"Peacoat Navy","roleLabel":"Linked titles and selected headings","alias":"Yale Navy and Socratic Navy","nameNote":"The same hex value as official Yale Blue. The value was #1F3A5F until 2026-09-12.","documentedHex":"#00356B","role":"Linked headlines and titles hover to Socratic pink. AI for Writers main and section headings stay navy.","appearsIn":["Reading-list article headlines","Linked titles in cards, lists, and indexes","AI for Writers h1 and h2 headings"],"never":["Never replaces pink prose links","Never appears on buttons","Never body text"],"since":"2026-09-12","states":["rest","hover","focus"],"example":"linked-headline","contrast":"both"},{"token":"--socratic-ink","scope":"Foundation","displayName":"Ink","roleLabel":"Everything read","nameNote":"The color-system doc calls this ink. It has no palette display name of its own.","documentedHex":"#171715","role":"Body text and headings are ink except for explicitly approved navy headings.","appearsIn":["Body prose and headings","Primary and secondary CTA labels","Selected-text foreground"],"never":["Never moves: ink is not animated","Never a hover color"],"states":["rest"],"example":"body-text","contrast":"paper"},{"token":"--socratic-ground","scope":"Foundation","displayName":"Paper","roleLabel":"Page ground","nameNote":"The color-system doc calls this paper. It has no palette display name of its own.","documentedHex":"#FEFEFD","role":"The page ground the whole system reads against.","appearsIn":["Every light-theme page","The fill of both page CTAs, through the panel token"],"never":["Never replaced by a pink wash: where a callout needs structure, paper carries a pink rule"],"states":["rest"],"example":"ground","contrast":"none"},{"token":"--socratic-panel","scope":"Foundation","displayName":"Panel","roleLabel":"Card and control surface","nameNote":"A role token rather than a named pigment. It has no palette display name.","documentedHex":"#FFFFFF","role":"The card and control surface, and the value both CTA fill roles take.","appearsIn":["Primary and secondary CTA fills","Media cards on light-theme pages"],"never":["Never carries a pink tint"],"states":["rest"],"example":"ground","contrast":"none"},{"token":"--socratic-red","scope":"Bounded","displayName":"Chinagraph Red","roleLabel":"Readable red","documentedHex":"#C0261F","role":"Readable accents such as Copy, Download, PDF links, rules, controls, underlines, and small red labels.","appearsIn":["Download and PDF links","The Full summary control on the reading list","The contact-page Drop me a note submit, filled, with a white label and chevron"],"never":["Never a proofreader motif: the site bars red proofreader marks as an illustration of what Socratic AI is","Never a second hue beside pink on a page CTA"],"since":"2026-08-21","states":["rest","focus"],"example":"red-controls","contrast":"both"},{"token":"--socratic-rose","scope":"Bounded","displayName":"Lipstick","roleLabel":"Readable pink pigment","documentedHex":"#A73360","role":"The pigment used by the approved Subscribe label role.","appearsIn":["The Subscribe form-submit label through --socratic-form-submit-label and --site-control-label"],"never":["Never prose-link text","Never rose on hover","Never the keyboard focus ring"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"subscribe","contrast":"both"},{"token":"--site-control-label","scope":"Role alias","displayName":"Lipstick","roleLabel":"Readable pink","nameNote":"Declared as var(--socratic-rose) on light-theme pages.","documentedHex":"#A73360","declaredAs":"var(--socratic-rose)","role":"The rose label in explicitly approved bounded controls such as Subscribe.","appearsIn":["The Subscribe form-submit label"],"never":["Never hyperlink text","Never a hover color anywhere","Never the keyboard focus ring: rose focus was rejected 2026-09-11"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"subscribe","contrast":"both"},{"token":"--socratic-hover-blue","scope":"Interaction","displayName":"Cornflower","roleLabel":"Hover blue","documentedHex":"#4A8AF0","role":"The single hover color for marketing prose links and blog links.","appearsIn":["Marketing prose links on hover","Blog prose links and pullquote links on hover"],"never":["Never at rest","Never with a background wash","Never on buttons","Never on navigation words, which turn pink"],"since":"2026-08-21","states":["rest","hover"],"example":"prose-link","contrast":"both"},{"token":"--socratic-pink-soft","scope":"Bounded","displayName":"Cotton Candy","roleLabel":"Soft underline pink","documentedHex":"#FBD5E4","role":"The approved lighter solid for narrative and attribution underlines and the Subscribe hover fill.","appearsIn":["Narrative and attribution underlines","The Subscribe hover fill"],"never":["Never the structural mark pink","Never a page or section background"],"states":["rest"],"example":"attribution","contrast":"both"},{"token":"--socratic-pink-blush","scope":"Bounded","displayName":"Ballet Slipper","roleLabel":"Pale blush","documentedHex":"#FCE1EA","role":"The approved Subscribe-button fill and the selected-text background.","appearsIn":["The Subscribe form-submit fill","Selected text"],"never":["Never on a page CTA: the blush fill belongs to the form submit"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"blush","contrast":"both"},{"token":"--socratic-pink-glow","scope":"Effect","displayName":"Fairy Floss","roleLabel":"Glow and bubble pink","nameNote":"Strawberry Milk at 20 percent. The one token where alpha is approved.","documentedHex":"rgb(251 182 206 / 20%)","role":"Shadows and glows, and the writer’s bubble in the Socratic app, which shares this one token with the site.","appearsIn":["The glow beneath the primary CTA on hover","The Subscribe button shadow","The writer’s bubble in the Socratic app"],"never":["Never for keyboard focus","Never for text, rules, borders, underlines, highlights, or fills: alpha is only for effects that blend with what is behind them"],"since":"2026-08-21","states":["rest","hover"],"example":"glow","contrast":"none"},{"token":"--socratic-neutral-hairline","scope":"Utility","displayName":"Silverpoint","roleLabel":"Hairline gray","documentedHex":"#B9B9B8","role":"The one-pixel secondary CTA outline, the one place a button border is not pink, which turns pink on hover.","appearsIn":["The secondary CTA outline"],"never":["Never a text color","Never on the primary CTA, whose outline is pink"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"secondary-cta","contrast":"none"},{"token":"--socratic-reading-muted","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/src/components/CustomStyles.astro","scope":"Undocumented utility","displayName":"Reading muted","roleLabel":"Utility gray","nameNote":"No display name; the token name is its label.","documentedHex":"#686866","role":"Role not yet documented","appearsIn":["Verified in the live CSS: reading-list metadata, in src/pages/ai-reading-list.astro"],"never":["Not part of the approved marketing token set in the color-system doc"],"states":["rest"],"example":"muted-meta","contrast":"paper"},{"token":"--socratic-pearl-blue","scope":"Effect","displayName":"Moonstone","roleLabel":"Pearl blue","documentedHex":"#E3ECFF","role":"The cool body of the selected G1 Reading light, reserved for the interactive definition aura.","appearsIn":["The G1 Reading light on the canonical homepage definition, approved 2026-08-21"],"never":["Never a page ground or section background","Never a link color or a general accent"],"states":["rest"],"example":"reading-light","contrast":"none"},{"token":"--socratic-pearl-violet","scope":"Effect","displayName":"Opal","roleLabel":"Pearl violet","documentedHex":"#EFE9FF","role":"The faint outer edge of the selected G1 Reading light.","appearsIn":["The G1 Reading light on the canonical homepage definition, approved 2026-08-21"],"never":["Never a page ground or section background","Never a link color or a general accent"],"states":["rest"],"example":"reading-light","contrast":"none"},{"token":"--socratic-focus-ring","scope":"Role alias","displayName":"Strawberry Milk","roleLabel":"Keyboard focus","nameNote":"The focus ring aliases the flagship pink. Rose focus was rejected on 2026-09-11.","documentedHex":"#FBB6CE","declaredAs":"var(--socratic-pink)","role":"Focus indicators use solid pink.","appearsIn":["Keyboard focus on links, buttons, and the newsletter field"],"never":["Never rose","Never translucent"],"since":"2026-09-11","states":["rest","focus"],"example":"focus","contrast":"both"},{"token":"--site-link","scope":"Role alias","displayName":"Strawberry Milk","roleLabel":"Hyperlink text","nameNote":"The canonical link token, not a deep-rose alias. Declared as var(--socratic-pink) on light-theme pages.","documentedHex":"#FBB6CE","declaredAs":"var(--socratic-pink)","role":"Hyperlink text.","appearsIn":["Every prose link at rest"],"never":["Never rose"],"since":"2026-08-21","states":["rest","hover"],"example":"prose-link","contrast":"both"},{"token":"--site-link-surface","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/src/components/CustomStyles.astro","scope":"Undocumented utility","displayName":"Milk","roleLabel":"Control hover surface","documentedHex":"#FFF8FB","role":"Role not yet documented","appearsIn":["Verified in the live CSS: the generic button hover background, in src/assets/styles/tailwind.css"],"never":["Not part of the approved marketing token set in the color-system doc"],"states":["rest"],"example":"ground","contrast":"none"},{"token":"--socratic-reference-red","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/src/pages/experiments/pink-palette.astro","scope":"Reference only","displayName":"Grease Pencil Red","roleLabel":"Reference red","alias":"Italian Racing Red","documentedHex":"#DC0807","role":"A palette reference swatch.","appearsIn":["The palette page, as a reference swatch"],"never":["Not a site role: Chinagraph Red is the readable red"],"states":["rest"],"example":"swatch-only","contrast":"both"},{"token":"--socratic-sage","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/src/components/CustomStyles.astro","scope":"Undocumented utility","displayName":"Sage","roleLabel":"Utility green","nameNote":"No display name; the token name is its label.","documentedHex":"#678A7E","role":"Role not yet documented","appearsIn":["Verified in the live CSS: only the three-moment homepage experiment stylesheet, src/styles/home-experience-three-moments.css"],"never":["Not part of the approved marketing token set in the color-system doc"],"states":["rest"],"example":"swatch-only","contrast":"both"},{"token":"--socratic-reading-headline","scope":"Role alias","displayName":"Peacoat Navy","roleLabel":"Reading-list headline role","nameNote":"A role token that references the navy pigment. Declared as var(--socratic-navy).","documentedHex":"#00356B","declaredAs":"var(--socratic-navy)","role":"The reading-list headline role, which references Peacoat Navy and turns Socratic pink on hover.","appearsIn":["Reading-list article headlines"],"never":["Never carries a value of its own: it follows the navy pigment token"],"since":"2026-09-12","states":["rest","hover"],"example":"linked-headline","contrast":"both"},{"token":"--socratic-cta-primary-border","scope":"Role alias","displayName":"Primary CTA border","roleLabel":"Component role","documentedHex":"#FBB6CE","declaredAs":"var(--socratic-pink)","role":"Primary CTA border follows --socratic-pink.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"primary-cta","contrast":"none"},{"token":"--socratic-cta-primary-fill","scope":"Role alias","displayName":"Primary CTA fill","roleLabel":"Component role","documentedHex":"#FFFFFF","declaredAs":"var(--socratic-panel)","role":"Primary CTA fill follows --socratic-panel.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"primary-cta","contrast":"none"},{"token":"--socratic-cta-primary-label","scope":"Role alias","displayName":"Primary CTA label","roleLabel":"Component role","documentedHex":"#171715","declaredAs":"var(--socratic-ink)","role":"Primary CTA label follows --socratic-ink.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"primary-cta","contrast":"none"},{"token":"--socratic-cta-secondary-border","scope":"Role alias","displayName":"Secondary CTA border","roleLabel":"Component role","documentedHex":"#B9B9B8","declaredAs":"var(--socratic-neutral-hairline)","role":"Secondary CTA border follows --socratic-neutral-hairline.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"secondary-cta","contrast":"none"},{"token":"--socratic-cta-secondary-fill","scope":"Role alias","displayName":"Secondary CTA fill","roleLabel":"Component role","documentedHex":"#FFFFFF","declaredAs":"var(--socratic-panel)","role":"Secondary CTA fill follows --socratic-panel.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"secondary-cta","contrast":"none"},{"token":"--socratic-cta-secondary-label","scope":"Role alias","displayName":"Secondary CTA label","roleLabel":"Component role","documentedHex":"#171715","declaredAs":"var(--socratic-ink)","role":"Secondary CTA label follows --socratic-ink.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"secondary-cta","contrast":"none"},{"token":"--socratic-cta-glyph","scope":"Role alias","displayName":"CTA chevron","roleLabel":"Component role","documentedHex":"#FBB6CE","declaredAs":"var(--socratic-pink)","role":"CTA chevron follows --socratic-pink.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"primary-cta","contrast":"none"},{"token":"--socratic-form-submit-border","scope":"Role alias","displayName":"Subscribe border","roleLabel":"Component role","documentedHex":"#FBB6CE","declaredAs":"var(--socratic-pink)","role":"Subscribe border follows --socratic-pink.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"subscribe","contrast":"none"},{"token":"--socratic-form-submit-fill","scope":"Role alias","displayName":"Subscribe fill","roleLabel":"Component role","documentedHex":"#FCE1EA","declaredAs":"var(--socratic-pink-blush)","role":"Subscribe fill follows --socratic-pink-blush.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"subscribe","contrast":"none"},{"token":"--socratic-form-submit-label","scope":"Role alias","displayName":"Subscribe label","roleLabel":"Component role","documentedHex":"#A73360","declaredAs":"var(--socratic-rose)","role":"Subscribe label follows --socratic-rose.","appearsIn":["The approved three-button role system"],"never":["Not a separate pigment or permission to extend its use"],"since":"2026-08-21","states":["rest","hover","focus"],"example":"subscribe","contrast":"none"}],"rulings":[{"date":"2026-08-21","subject":"Prose links rest in pink, not rose","quote":"on this page, you incorrectly put the links in rose.\nhttp://localhost:4321/bio\n\nwhere is the instruction that said to do that? we need to correct that. hyperlinks should be pink text, isn't what we had?","decision":"Flagship pink was restored to prose hyperlinks and --site-link itself was corrected, rather than covering the rose mapping with a second prose-link token; approved deep-rose control labels were separated into their own role.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-08-21","subject":"Pink is never a background","quote":"I thought we said that pink should never be a background.","decision":"Pink stays limited to accents and approved bounded controls; it never serves as a page or section background. Where a callout needs structure, paper carries a pink rule.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-08-21","subject":"Three button roles and the pink chevron","quote":"delete options 1 and 3","decision":"The paper-plane and microphone glyphs were rejected and the pink chevron implemented on the primary and secondary CTA system. Primary CTA: paper fill, pink outline, ink label, pink chevron. Secondary CTA: paper fill, neutral hairline outline, ink label, pink chevron. Subscribe form submit: filled blush, rose label.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-08-21","subject":"Hover states, and one hover blue for the whole site","quote":null,"decision":"Marketing and blog prose links rest in pink with no underline and turn --socratic-hover-blue #4A8AF0 on hover, with no wash, over 120 ms. Nav words turn pink. Button labels keep ink. No rose on hover anywhere. Rejected on the way here: a blush wash behind pink text, pink text underlined at rest, and every darker or grayer blue; the earlier pale cornflower #8FAFE0 and --socratic-blog-link-hover are retired.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/socratic-ai-color-system.org"},{"date":"2026-08-22","subject":"Jay names the color tokens","quote":"afterglow is too abstract\n\nmilk > tissue paper\n\nOpal is good","decision":"Jay gave the role tokens English display names, responding to three candidates along the way. The names are display labels only: no CSS variable was renamed and no rendered color changed.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-08-25","subject":"Red proofreader marks are not the illustration","quote":"the site bars 'red proofreader's marks everywhere' as an illustration of what Socratic AI is. (it's about eliciting ideas, not about AI 'correcting' human thought.) we can use strikethrough to illustrate a point if we want to.","decision":"Proofreader, editing, markup, and correction are rejected as visual or conceptual themes for the site. Chinagraph Red is an approved readable accent, not evidence of a proofreader motif. Strikethrough may be used to illustrate a point.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/socratic-ai-color-system.org"},{"date":"2026-09-06","subject":"Contact-button color candidates rejected","quote":"those all look terrible. did you even look at the existing site's aesthetic?","decision":"Warm ink with pink text, deep plum with paper text, and deep sage with paper text were all rejected. Specific color-level reasons were not stated, so no future use of those hues is ruled out by this comparison.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-06","subject":"The contact submit takes Chinagraph Red","quote":"#1 looks good","decision":"The contact page’s Drop me a note submit uses Chinagraph Red #C0261F fill, a white label and chevron, its existing Strawberry Milk 2px border, and a darker red #A81F19 hover. This replaces the earlier rose and soft-blush contact-button choices and does not change other CTA roles.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-10","subject":"Cotton Candy restored as the name of Socratic Pink","quote":"change the name from Signal Pink to Cotton Candy everywhere. Cotton Candy is Socratic Pink, and can be specified as --socratic-pink etc.\n\nbut there is no need to call it Signal Pink","decision":"Signal Pink was retired as a display name. Socratic Pink remained the role name and --socratic-pink the CSS token; no color value changed. Later the same day the three solid pink names were reshuffled and the flagship became Strawberry Milk.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-10","subject":"Palette names ruled","quote":null,"decision":"The 20 percent flagship token keeps the CSS name --socratic-pink-glow and takes the display name Fairy Floss, role label Glow and bubble pink, with its role widened to include the writer’s bubble in the Socratic app. The hairline is Silverpoint, role Hairline gray. The composite definition light is Nacre. Lipstick’s role label is Readable pink, and Chinagraph Red is unchanged. The page’s spellings are American.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"},{"date":"2026-09-10","subject":"Palette names reshuffled","quote":null,"decision":"The three solid pink names were reshuffled so each name’s real-world color sits in the right order: --socratic-pink #FBB6CE is Strawberry Milk, also known as Socratic Pink; --socratic-pink-soft #FBD5E4 is Cotton Candy; --socratic-pink-blush #FCE1EA is Ballet Slipper. Powder Puff is retired. Names only; no value or variable changed.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"},{"date":"2026-09-11","subject":"Rose keyboard focus rejected","quote":"is this rose current? i don't like it","decision":"Lipstick rose is rejected for keyboard focus. The shared --socratic-focus-ring role now aliases Strawberry Milk --socratic-pink, matching the live newsletter field. Lipstick remains the approved Subscribe label color.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"},{"date":"2026-09-12","subject":"Pink reading-list headlines rejected","quote":"the headlines are hard to read in the pink font","decision":"Pink was rejected for reading-list article headlines. The headlines were changed to ink while the serif typeface and blue hover were retained, and the search for a headline color began.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-12","subject":"Deep navy selected, then found too dark","quote":"deep navy","decision":"#24344B was selected for bold sans-serif article headlines after the proposed Lipstick and Chinagraph Red directions were declined. Jay then said “that navy is too dark, it just looks black”, and #3D5878 was applied for review.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-12","subject":"Midnight blue selected with a pink headline hover","quote":"do that. and it should hover to pink","decision":"Midnight blue #344B78 was selected for the reading-list headlines with a Socratic pink #FBB6CE hover. #1F3A5F superseded it later the same day, on “yes, do it”.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org"},{"date":"2026-09-12","subject":"The deeper blue chosen on the real cards","quote":"I like Yale blue.\n\ngood, let’s choose it.\n\nwhen something is Yale blue, it should hover to pink.\n\nif it is already pink like my hyperlinks, then it hovers to cornflower blue, that is already implemented.","decision":"#00356B, the value also published as Yale Blue, replaced #1F3A5F in the bounded linked-title role after Jay compared the candidates on the real reading-list cards at rest and hovered. Linked titles hover to Strawberry Milk; pink prose links keep their Cornflower hover.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org","sources":["/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"]},{"date":"2026-09-12","subject":"Peacoat Navy names the selected value","quote":"overruled, we are calling it Peacoat Navy, aka Socratic Navy","decision":"--socratic-navy is #00356B, its display name stays Peacoat Navy, and Socratic Navy is its alias, parallel to Socratic Pink for Strawberry Milk. The former #1F3A5F shade is retired and the earlier Yale Blue display name is superseded.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"},{"date":"2026-09-12","subject":"The Peacoat Navy aliases","quote":"we should call it peacoat navy, aka Yale navy, aka Socratic navy","decision":"Peacoat Navy is the primary display name; Yale Navy and Socratic Navy are its aliases. The value remains #00356B and the token remains --socratic-navy.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/palette-name-review-2026-09-10.org"},{"date":"2026-09-12","subject":"The hover swap","quote":null,"decision":"Linked headlines and titles rest in Peacoat Navy and hover to Strawberry Milk; prose links rest in Strawberry Milk and hover to Cornflower. Cornflower is the same hue as Peacoat Navy at a lighter value, so it reads as the navy lit up rather than as a second blue, and it only ever appears under the cursor.","source":"/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/socratic-ai-color-system.org"},{"date":"2026-09-12","subject":"Readability proposal rejected in full","quote":"the current one is better in both cases\n\nthe pink looks great. it is not \"lost\" or hard to see against the white background. the only thing that was hard to read was the pink headlines","decision":"After hovering and tabbing through the live comparison, Jay rejected the readability proposal in full. Prose links keep pink text at rest and Cornflower on hover; linked titles keep Peacoat Navy at rest and Strawberry Milk letters on hover; keyboard focus keeps the solid Strawberry Milk ring. Do not apply the proposed Ink prose links, colored-underlined title hover, or Ink focus outline. Jay deleted the comparison later on 2026-09-12 after the ruling was recorded. Do not re-propose readability changes to prose-link color, headline hover, or the focus ring unless Jay reopens the question.","source":"/Users/jay/Dropbox/github/socratic-video/references/look-and-feel/experiment-reactions.org","sources":["/Users/jay/Dropbox/github/astro-monorepo/apps/socratic/docs/socratic-ai-color-system.org"]}],"treatments":[{"scope":"Effect","displayName":"Nacre","kind":"treatment","constituents":["--socratic-pearl-blue","--socratic-pearl-violet"],"roleLabel":"Pearl definition light","nameNote":"Nacre names a rendered treatment, not a token of its own: Moonstone and Opal composited at low opacity.","role":"Pearl blue and pearl violet composited at low opacity for the selected pointer-responsive definition light.","appearsIn":["The G1 Reading light on the canonical homepage definition, approved 2026-08-21"],"never":["Never a page ground or section background"],"since":"2026-09-10","states":["rest"],"example":"reading-light","contrast":"none"}]}