/* DaasTek Design Tokens — port of styles/colors_and_type.css * Fonts are loaded via Google Fonts in each HTML . To self-host, * drop the variable TTFs into ../assets/fonts/ and uncomment the @font-face * block below. */ /* @font-face { font-family: 'Playfair Display'; src: url('../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 400 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../assets/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations'); font-weight: 300 800; font-style: normal; font-display: swap; } */ :root { --dt-forest: #144b2f; --dt-bone: #ece8e7; --dt-graphite: #343434; --dt-forest-900: #0a2f1c; --dt-forest-800: #0f3d24; --dt-forest-700: #144b2f; --dt-forest-600: #1d6841; --dt-forest-500: #2a8a57; --dt-forest-400: #4faa78; --dt-forest-300: #82c79e; --dt-forest-200: #b9dec7; --dt-forest-100: #dcecdf; --dt-forest-50: #eef5f0; --dt-bone-300: #d6cfcd; --dt-bone-200: #e3dedc; --dt-bone-100: #ece8e7; --dt-bone-50: #f5f2f1; --dt-paper: #fbf9f8; --dt-white: #ffffff; --dt-graphite-900: #1a1a1a; --dt-graphite-800: #262626; --dt-graphite-700: #343434; --dt-graphite-600: #4a4a4a; --dt-graphite-500: #6b6b6b; --dt-graphite-400: #8d8d8d; --dt-graphite-300: #b3b3b3; --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-sans: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1); --ease-mask: cubic-bezier(0.7, 0.05, 0.2, 1); --dur-fast: 140ms; --dur-base: 220ms; --dur-slow: 360ms; } ::selection { background: #144b2f; color: #ece8e7; }