/* OUD Fragrance House: shared storefront, admin and sign-in palette. */
:root, :root[data-theme="light"] {
  --ink:#111111; --ink-soft:#292929; --muted:#4b4b4b;
  --paper:#ffffff; --canvas:#f7f7f5; --cream:#f6f5f1; --cream-deep:#eceae3;
  --sand:#d5ad50; --sand-dark:#775714; --sand-pale:#f7efdb;
  --gold:#d5ad50; --gold-text:#775714; --gold-line:#a48134;
  --line:#d9d5cc; --line-dark:#b4aa96; --heading:#111111;
  --solid:#111111; --on-solid:#ffffff; --photo-bg:#f4f3f0;
  --danger:#a62d2d; --success:#216442; --warning:#805c10; --info:#275d91;
  --font-sans:Manrope,"Segoe UI",Arial,sans-serif;
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font:var(--font-sans); --display:var(--font-display);
  --content:1280px; --wide:1380px;
}
:root[data-theme="dark"] {
  --ink:#f3efe5; --ink-soft:#dfd9cc; --muted:#c1bcb1;
  --paper:#121212; --canvas:#090909; --cream:#1a1a18; --cream-deep:#26251f;
  --sand:#d5ad50; --sand-dark:#e6c77d; --sand-pale:#292418;
  --gold-text:#dfbc68; --gold-line:#80662f; --heading:#f3dfaa;
  --line:#38342a; --line-dark:#706345;
  --solid:#e1bd66; --on-solid:#111111; --photo-bg:#1e1e1c;
  --danger:#ffaaa0; --success:#9adbb7; --warning:#edcc7a; --info:#a6cfff;
}
body { background:var(--canvas); color:var(--ink); font-size:1rem; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--gold-text); outline-offset:4px; }
input,select,textarea { background:var(--paper); color:var(--ink); border-color:var(--line); accent-color:var(--gold-text); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
.theme-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:42px; min-height:42px; padding:8px; background:transparent; color:var(--ink); border:1px solid var(--line); border-radius:50%; cursor:pointer; flex-shrink:0; }
.theme-toggle svg { width:20px; height:20px; }
.theme-toggle:hover { border-color:var(--gold-text); background:var(--sand-pale); }
.theme-sun { display:none; }
[data-theme="dark"] .theme-sun { display:block; }
[data-theme="dark"] .theme-moon { display:none; }
.oud-logo { display:block; width:148px; height:92px; object-fit:contain; }
.oud-logo-dark { display:none; }
[data-theme="dark"] .oud-logo-light { display:none; }
[data-theme="dark"] .oud-logo-dark { display:block; }
.eyebrow,.breadcrumb { font-size:.75rem; line-height:1.6; }
.skip-link { position:fixed; top:8px; left:8px; z-index:2000; padding:12px 20px; background:var(--solid); color:var(--on-solid); transform:translateY(-200%); }
.skip-link:focus { transform:translateY(0); }
.btn-dark,.button.primary,.button.dark { background:var(--solid); color:var(--on-solid); border-color:var(--solid); }
.btn-dark:hover,.button.primary:hover,.button.dark:hover { background:var(--gold); color:#111; }
.btn-sand { background:var(--gold); color:#111; }
.btn-light { background:var(--paper); color:var(--ink); }
.btn-outline,.button.secondary { background:var(--paper); color:var(--ink); border-color:var(--line); }
.field-error,.danger-link { color:var(--danger); }
.price-old { color:var(--muted); }
.laravel-flash,.toast,.admin-link { background:var(--solid); color:var(--on-solid); }
.validation-box,.validation-summary,.laravel-flash.error { background:var(--paper); color:var(--danger); border:1px solid var(--danger); font-size:.875rem; }
.flash-admin { background:var(--paper); color:var(--success); border:1px solid var(--success); }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media print { :root[data-theme] { --ink:#111; --muted:#444; --paper:#fff; --canvas:#fff; --heading:#111; --line:#ccc; } .theme-toggle { display:none!important; } }


/* High-contrast transparent logo lockup shared by light and dark themes. */
.oud-brand-images { display:inline-flex; align-items:center; justify-content:center; line-height:0; }
.oud-logo-primary { display:block; object-fit:contain; background:transparent; filter:drop-shadow(0 1px 1px rgba(0,0,0,.10)); }
:root[data-theme="dark"] .oud-logo-primary {
  filter:brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(850%) hue-rotate(355deg) brightness(95%) contrast(90%) drop-shadow(0 2px 8px rgba(213,173,80,.24));
}

/* Compact transparent brand artwork; individual layouts control final size. */
.oud-brand-images{padding:0;border:0;background:transparent;box-shadow:none}
.oud-logo-primary{background:transparent;object-fit:contain}