:root{
/* Shadows — soft, warm, low; never glossy. Cards mostly rely on hairline borders. */
--shadow-card:0 1px 2px rgba(16,32,27,.06),0 4px 16px rgba(16,32,27,.06);
--shadow-raised:0 2px 6px rgba(16,32,27,.10),0 12px 32px rgba(16,32,27,.12);
--shadow-modal:0 8px 24px rgba(12,23,20,.22),0 32px 80px rgba(12,23,20,.28);
/* Photo protection — pine gradient scrim over imagery for legible type */
--scrim-bottom:linear-gradient(180deg,rgba(12,23,20,0) 30%,rgba(12,23,20,.78) 100%); /* @kind other */
--scrim-left:linear-gradient(90deg,rgba(12,23,20,.82) 0%,rgba(12,23,20,.25) 55%,rgba(12,23,20,0) 100%); /* @kind other */
--scrim-full:rgba(12,23,20,.42); /* @kind color */
/* Motion — unhurried, editorial */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--dur-fast:150ms; /* @kind other */
--dur-base:260ms; /* @kind other */
--dur-slow:600ms; /* @kind other */
/* Hairline rule used as a section divider motif */
--rule:1px solid var(--border-hairline); /* @kind other */
}