From bfe61dd69c1de7225e448a7356f8dc7144680f8b Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sun, 26 May 2024 02:03:07 +0200
Subject: suit symbol font

---
 play.css | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index 658b1e1..1885867 100644
--- a/play.css
+++ b/play.css
@@ -2,6 +2,12 @@
 	Friedrich
 */
 
+@font-face {
+	font-family: "Suit Symbols";
+	src: url(fonts/FriedrichSymbols-Regular.woff2) format(woff2);
+	unicode-range:U+2660-2667;
+}
+
 :root {
 	--color-prussia: #005478;
 	--color-hanover: #91c9ed;
@@ -17,7 +23,7 @@
 	--color-hanover: hsl(203, 72%, 75%);
 	--color-russia: hsl(139, 72%, 28%);
 	--color-sweden: hsl(72, 64%, 51%);
-	--color-austria: hsl(0, 0%, 96%);
+	--color-austria: hsl(0, 0%, 97%);
 	--color-imperial: hsl(54, 100%, 49%);
 	--color-france: hsl(358, 85%, 52%);
 
@@ -25,7 +31,7 @@
 	--color-light-hanover: hsl(200, 75%, 75%);
 	--color-light-russia: hsl(120, 50%, 70%);
 	--color-light-sweden: hsl(80, 60%, 75%);
-	--color-light-austria: hsl(0, 0%, 100%);
+	--color-light-austria: hsl(0, 0%, 97%);
 	--color-light-imperial: hsl(55, 85%, 75%);
 	--color-light-france: hsl(0, 70%, 80%);
 
@@ -33,19 +39,20 @@
 	--color-dark-hanover: hsl(203, 72%, 75%);
 	--color-dark-russia: hsl(139, 72%, 28%);
 	--color-dark-sweden: hsl(72, 64%, 51%);
-	--color-dark-austria: hsl(0, 0%, 96%);
+	--color-dark-austria: hsl(0, 0%, 97%);
 	--color-dark-imperial: hsl(54, 100%, 49%);
 	--color-dark-france: hsl(358, 85%, 52%);
 
 	--color-role-prussia: hsl(210, 80%, 75%);
 	--color-role-russia: hsl(120, 50%, 70%);
-	--color-role-austria: hsl(0, 0%, 98%);
+	--color-role-austria: hsl(0, 0%, 97%);
 	--color-role-france: hsl(0, 70%, 80%);
 
-	--color-spades: #004b70;
-	--color-clubs: #037a37;
-	--color-hearts: #ed1c23;
-	--color-diamonds: #c2253e;
+	--color-clubs: #007c49;
+	--color-diamonds: #c2263e;
+	--color-hearts: #ed1c24;
+	--color-spades: #274085;
+
 	--color-reserve: #0094c9;
 }
 
@@ -54,6 +61,14 @@
 #role_Maria_Theresa { background-color: var(--color-role-austria) }
 #role_Pompadour { background-color: var(--color-role-france) }
 
+#prompt {
+	font-family: "Suit Symbols", var(--font-widget);
+}
+
+#log {
+	font-family: "Suit Symbols", var(--font-small);
+}
+
 #log { background-color: #f3ebd4 }
 
 #log .h {
@@ -82,11 +97,12 @@ header.your_turn.austria { background-color: var(--color-light-austria); }
 header.your_turn.imperial { background-color: var(--color-light-imperial); }
 header.your_turn.france { background-color: var(--color-light-france); }
 
+#log span.suit { font-size: 11px; }
 span.suit.spades { color: var(--color-spades) }
 span.suit.clubs { color: var(--color-clubs) }
 span.suit.hearts { color: var(--color-hearts) }
 span.suit.diamonds { color: var(--color-diamonds) }
-span.suit.reserve { color: var(--color-reserve); font-weight: bold; }
+span.suit.reserve { color: var(--color-reserve); font-size: 18px; font-weight: bold; font-family: "Source Serif SmText"; }
 
 #mapwrap {
 	width: 2485px;
-- 
cgit v1.2.3