/* ============================================================ V58 — CLIENT LIGHT (ADN public : papier · encre · bronze) Loaded ONLY by client-facing pages (QR commande, booking, review, landing, signup, onboarding). These pages set and have no theme toggle. This layer re-themes the prebuilt Tailwind dark arbitrary classes + the omnia tokens to the public light DNA — without needing a Tailwind rebuild (impossible: no Node on the machine). Component/custom CSS is converted in-page; this file covers the utility classes in markup. ============================================================ */ /* --- omnia tokens → papier/bronze (for pages linking omniasynx.css) --- */ [data-theme="light"] { --omnia-black: #F1EEE6; --omnia-dark: #F1EEE6; --omnia-card: #FBF9F4; --omnia-border: #E3DDD0; --omnia-white: #1A1916; --omnia-gray: #6B665C; --omnia-gold: #9C7C4A; --omnia-gold-light: #B8965E; --omnia-gold-dark: #7E6438; --omnia-gold-gradient: linear-gradient(135deg, #B8965E, #9C7C4A, #7E6438); } /* --- base surface + editorial type --- */ [data-theme="light"] body { background-color: #F1EEE6 !important; color: #1A1916 !important; } [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] .aura-heading { font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto; font-weight: 360; letter-spacing: -0.02em; } /* --- backgrounds (dark surfaces → paper / cream) --- */ [data-theme="light"] .bg-\[\#0A0A0F\], [data-theme="light"] .bg-\[\#12121A\] { background-color: #F1EEE6 !important; } [data-theme="light"] .bg-\[\#0A0A0F\]\/80, [data-theme="light"] .bg-\[\#0A0A0F\]\/90 { background-color: rgba(241,238,230,0.88) !important; } [data-theme="light"] .bg-\[\#1A1A2E\] { background-color: #FBF9F4 !important; } /* --- text (light → ink / muted) --- */ [data-theme="light"] .text-\[\#F5F5F7\] { color: #1A1916 !important; } [data-theme="light"] .text-white { color: #1A1916 !important; } [data-theme="light"] .text-\[\#8A8A9A\] { color: #6B665C !important; } [data-theme="light"] .text-\[\#5A5A6A\], [data-theme="light"] .text-\[\#6B7280\] { color: #8A8479 !important; } [data-theme="light"] .text-\[\#0A0A0F\] { color: #F1EEE6 !important; } /* text on bronze accents */ /* --- borders --- */ [data-theme="light"] .border-\[\#2A2A3E\], [data-theme="light"] .border-\[\#2A2A3E\]\/50, [data-theme="light"] .border-\[\#2A2A3E\]\/40 { border-color: rgba(26,25,22,0.12) !important; } /* --- gold accent → bronze --- */ [data-theme="light"] .text-\[\#C9A96E\] { color: #9C7C4A !important; } [data-theme="light"] .text-\[\#D4BC8B\] { color: #B8965E !important; } [data-theme="light"] .bg-\[\#C9A96E\] { background-color: #9C7C4A !important; } [data-theme="light"] .bg-\[\#C9A96E\]\/5 { background-color: rgba(156,124,74,0.05) !important; } [data-theme="light"] .bg-\[\#C9A96E\]\/10 { background-color: rgba(156,124,74,0.10) !important; } [data-theme="light"] .border-\[\#C9A96E\], [data-theme="light"] .border-\[\#C9A96E\]\/15, [data-theme="light"] .border-\[\#C9A96E\]\/20, [data-theme="light"] .border-\[\#C9A96E\]\/30 { border-color: #9C7C4A !important; } /* --- gold gradients → bronze gradients (icon badges, buttons) --- */ [data-theme="light"] .from-\[\#C9A96E\], [data-theme="light"] .from-\[\#C9A96E\]\/10 { --tw-gradient-from: #9C7C4A var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(156,124,74,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } [data-theme="light"] .to-\[\#A88B4A\], [data-theme="light"] .to-\[\#A88B4A\]\/5 { --tw-gradient-to: #7E6438 var(--tw-gradient-to-position) !important; } [data-theme="light"] .from-\[\#1A1A2E\] { --tw-gradient-from: #FBF9F4 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(251,249,244,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; } [data-theme="light"] .to-\[\#0A0A0F\] { --tw-gradient-to: #F1EEE6 var(--tw-gradient-to-position) !important; } /* Semantic status colours (success / danger / warning / info / brand-card) are intentionally left unchanged — they read correctly on the light paper. */