/**
 * Author: Simon-Pierre Boucher
 * Contact: contact@spboucher.ai
 * Project: Hilmacorp.ai — Web Platform
 * File: app/globals.css
 * Description: Global styles — Tailwind v4 entry point, light editorial design tokens, base rules
 */

@import "tailwindcss";

@theme {
  /* Light editorial palette: warm paper base, deep green-black ink, deep emerald accent */
  --color-paper: #faf9f6;
  --color-paper-2: #f2f0ea;
  --color-card: #ffffff;
  --color-line: #e7e3da;
  --color-line-strong: #d3cec1;
  --color-ink: #191f1c;
  --color-ink-soft: #414c46;
  --color-ink-faint: #6d7871;
  --color-accent: #0b6b4a;
  --color-accent-strong: #095c40;
  --color-accent-soft: #e6f2ec;

  --font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: var(--font-fraunces), ui-serif, Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-paper);
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background-color: var(--color-accent);
  color: var(--color-paper);
}

/* Subtle engineering-grid backdrop used by hero sections (light variant) */
.grid-backdrop {
  background-image:
    linear-gradient(to right, rgb(25 31 28 / 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgb(25 31 28 / 0.045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(ellipse 90% 75% at 50% 0%, black 35%, transparent 100%);
}

/* Focus visibility for keyboard navigation (accessibility) */
:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}