Something went wrong. Try again.
https://checkmate.social
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap');@import "tailwindcss";
/* * Checkmate design system * * Aesthetic: classic chess club — dark walnut, casino felt green, warm gold. * Typography: Playfair Display (headings) + DM Sans (UI). */
@theme { /* ── Felt green — casino / poker table ─────────────────────────── */ --color-felt-900: #0e2b1c; --color-felt-800: #162f20; --color-felt-700: #1e4530; --color-felt-600: #2d6242; --color-felt-500: #3d7a54; --color-felt-400: #5aad7e; --color-felt-300: #7dc99f;
/* ── Gold — brass / warm accent ────────────────────────────────── */ --color-gold-700: #7a5e1a; --color-gold-600: #a87c2a; --color-gold-500: #c9a84c; --color-gold-400: #dfc06a; --color-gold-300: #f0dca0;
/* ── Wood — warm dark background palette ───────────────────────── */ --color-wood-950: #080604; --color-wood-900: #0d0a06; --color-wood-800: #1a1510; --color-wood-700: #221c15; --color-wood-600: #2c2418; --color-wood-500: #4a4035; --color-wood-400: #7a6858; --color-wood-300: #a08870; --color-wood-200: #c4b09a; --color-wood-100: #f0ebe0;
/* ── Typography ─────────────────────────────────────────────────── */ /* Overrides Tailwind's font-serif to use Playfair Display */ --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; /* Overrides Tailwind's font-sans to use DM Sans */ --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;}
/* ── Base ──────────────────────────────────────────────────────────── */
html,body { /* * Very subtle checkerboard pattern — references chess without being * distracting. The two shades are only ~5 lightness points apart so * it reads as texture, not a visible grid. */ background-color: #0d0a06; background-image: repeating-conic-gradient( #0d0a06 0% 25%, #131008 0% 50% ); background-size: 48px 48px; font-family: 'DM Sans', system-ui, -apple-system, sans-serif; color: #f0ebe0;}
/* ── Board colors — warm wood tones ───────────────────────────────── */
:root { --board-light: #f0d9b5; --board-dark: #b58863;
/* Accent forwarded to SpacetimeDB highlight helpers */ --accent: #2d6242; --accent-hover: #1e4530;
/* In-game square highlights */ --highlight-move: rgba(255, 255, 0, 0.35); --highlight-check: rgba(255, 0, 0, 0.45); --highlight-legal: rgba( 0, 0, 0, 0.10); --highlight-legal-capture: rgba( 0, 0, 0, 0.10);}
/* ── Move list ─────────────────────────────────────────────────────── */
.move-list { scroll-behavior: smooth;}
/* ── Searching indicator ───────────────────────────────────────────── */
@keyframes pulse-ring { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1.1); opacity: 0.3; } 100% { transform: scale(0.9); opacity: 0.7; }}
.animate-pulse-ring { animation: pulse-ring 2s ease-in-out infinite;}