/* ========================================================================== BaseLinePeptide — Admin console luxury skin (ADDITIVE) Linked right after the Tailwind CDN script in every admin-*.html. Pure reskin: recolors + retypes the existing Tailwind admin pages to the brand system (paper / ink / black, didone headings, squared corners, square-inside-square buttons). Removing the one line in a page fully undoes it there. All declarations are !important on purpose: the Tailwind Play CDN appends its generated stylesheet at the END of at runtime, so source order alone would lose. ========================================================================== */ @import url("https://use.typekit.net/lvn0eze.css"); @import url("https://use.typekit.net/boh8wds.css"); /* Fields kit */ :root{ --paper:#f7f5f0; --card:#fdfcf9; --ink:#111111; --accent:#111111; --muted:#555555; --ondark:#f2efe8; --hairline:rgba(17,17,17,.30); --didone:"fields",Georgia,serif; --cabrito:"fields",Georgia,serif; --caps:"aviano",sans-serif; --sans:"fields",system-ui,-apple-system,sans-serif; } /* ---- canvas ---- */ body{ background:var(--paper) !important; color:var(--ink) !important; font-family:var(--sans)!important; } .bg-\[\#F8F8F8\], .bg-gray-50, .bg-gray-100{ background:var(--paper) !important; } /* ---- typography ---- */ h1,h2{ font-family:var(--didone)!important; font-weight:600 !important; letter-spacing:.005em !important; } h3,h4{ font-family:var(--cabrito)!important; font-weight:600 !important; } .text-gray-400{ color:#8a887f !important; } .text-gray-500,.text-gray-600{ color:var(--muted) !important; } /* ---- flatten the rounded-white-card look ---- */ [class*="rounded"]{ border-radius:0 !important; } [class*="shadow"]{ box-shadow:none !important; } .bg-white{ background:var(--card) !important; } .border, .border-b, .border-t, .border-l, .border-r, .border-gray-100, .border-gray-200, .border-gray-300{ border-color:var(--hairline) !important; } .admin-card:hover, .hover\:shadow:hover, .hover\:shadow-md:hover, .hover\:shadow-lg:hover{ box-shadow:none !important; border-color:rgba(17,17,17,.42) !important; } .hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover{ background:#f1eee7 !important; } /* ---- gold accents -> black ---- */ .gold, .text-\[\#C9A84C\]{ color:var(--accent) !important; } .border-\[\#C9A84C\]{ border-color:var(--accent) !important; } .hover\:border-\[\#C9A84C\]:hover{ border-color:var(--accent) !important; } .hover\:text-\[\#C9A84C\]:hover{ color:var(--accent) !important; } .bg-\[\#C9A84C\]{ background:var(--accent) !important; color:var(--ondark) !important; } .hover\:bg-\[\#C9A84C\]:hover, .hover\:bg-\[\#b38a3f\]:hover{ background:#16241a !important; color:var(--ondark) !important; } /* ---- buttons: square-inside-square, bold, tracked caps ---- */ button.bg-black, a.bg-black, .bg-black, button.bg-\[\#C9A84C\], a.bg-\[\#C9A84C\], button.bg-gray-900, a.bg-gray-900{ background:var(--accent) !important; color:var(--ondark) !important; border-radius:0 !important; border:1px solid var(--accent) !important; outline:1px solid rgba(242,239,232,.65) !important; outline-offset:-4px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; } button.bg-black:hover, a.bg-black:hover, button.bg-\[\#C9A84C\]:hover, a.bg-\[\#C9A84C\]:hover{ background:#16241a !important; opacity:1 !important; } /* secondary / outline buttons keep the squared inset language, on paper */ button.border, a.border[href]{ border-radius:0 !important; } /* ---- inputs ---- */ input, select, textarea{ border-radius:0 !important; border-color:rgba(17,17,17,.28) !important; background:var(--card) !important; color:var(--ink) !important; font-family:var(--sans)!important; } input:focus, select:focus, textarea:focus{ outline:1px solid var(--accent) !important; outline-offset:0 !important; border-color:var(--accent) !important; box-shadow:none !important; } label{ letter-spacing:.14em !important; color:var(--muted) !important; } /* ---- tables ---- */ table{ border-color:var(--hairline) !important; } th{ font-family:var(--sans)!important; font-size:10px !important; font-weight:600 !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:var(--muted) !important; } td{ border-color:var(--hairline) !important; } thead, thead tr, thead th{ background:transparent !important; } tbody tr:hover{ background:#f1eee7 !important; } /* ---- header / chrome ---- */ header.bg-white{ background:var(--paper) !important; border-bottom:1px solid var(--hairline) !important; } nav a{ text-decoration:none; } /* ---- status colors stay legible on paper ---- */ .text-red-600{ color:#8a2f2f !important; } .text-green-600, .text-emerald-600{ color:#333333 !important; } .bg-red-50{ background:#f5e9e7 !important; } .bg-green-50, .bg-emerald-50{ background:#f0f0ee !important; } .bg-yellow-50, .bg-amber-50{ background:#f3efe2 !important; } /* Footer wordmark: Tailwind preflight sets img{display:block}, which text-align cannot center. Force it centered so the footer is identical on every page. */ .foot-brand{text-align:center !important} .foot-brand img{display:block !important;margin-left:auto !important;margin-right:auto !important;float:none !important} .foot-inner,.bp-footer .foot-inner{text-align:center !important}