TypeScript 93.3%
JavaScript 4.4%
CSS 2.3%
1/**2 * Author: Simon-Pierre Boucher3 * Contact: contact@spboucher.ai4 * Project: Hilmacorp.ai — Web Platform5 * File: app/globals.css6 * Description: Global styles — Tailwind v4 entry point, light editorial design tokens, base rules7 */89@import "tailwindcss";1011@theme {12 /* Light editorial palette: warm paper base, deep green-black ink, deep emerald accent */13 --color-paper: #faf9f6;14 --color-paper-2: #f2f0ea;15 --color-card: #ffffff;16 --color-line: #e7e3da;17 --color-line-strong: #d3cec1;18 --color-ink: #191f1c;19 --color-ink-soft: #414c46;20 --color-ink-faint: #6d7871;21 --color-accent: #0b6b4a;22 --color-accent-strong: #095c40;23 --color-accent-soft: #e6f2ec;2425 --font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;26 --font-display: var(--font-fraunces), ui-serif, Georgia, serif;27 --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;28}2930html {31 scroll-behavior: smooth;32}3334body {35 background-color: var(--color-paper);36 color: var(--color-ink);37 -webkit-font-smoothing: antialiased;38 text-rendering: optimizeLegibility;39}4041::selection {42 background-color: var(--color-accent);43 color: var(--color-paper);44}4546/* Subtle engineering-grid backdrop used by hero sections (light variant) */47.grid-backdrop {48 background-image:49 linear-gradient(to right, rgb(25 31 28 / 0.045) 1px, transparent 1px),50 linear-gradient(to bottom, rgb(25 31 28 / 0.045) 1px, transparent 1px);51 background-size: 44px 44px;52 mask-image: radial-gradient(ellipse 90% 75% at 50% 0%, black 35%, transparent 100%);53}5455/* Focus visibility for keyboard navigation (accessibility) */56:focus-visible {57 outline: 2px solid var(--color-accent);58 outline-offset: 2px;59}60