/* Shared public brand asset. Application palettes are defined in each app. */
@font-face {
    font-family: "STG Street";
    src: url("https://stgfoodtrucks.com/css/fonts/SpecialGothicCondensedOne-Regular.ttf") format("truetype");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
.workspace-street {
    --font-heading: "STG Street", "Arial Narrow", sans-serif;
    --font-display: var(--font-heading);
    --font-title: var(--font-heading);
    --border-radius-sm: 3px;
    --border-radius-md: 4px;
    --border-radius-lg: 4px;
    --border-radius-xl: 4px;
}
.workspace-street *:is(h1,h2,h3) {
    font-family: var(--font-heading);
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1.1;
    text-transform: uppercase;
    text-wrap: balance;
}
.workspace-street h1 { font-size: clamp(2.25rem, 4vw, 3.5rem); }
.workspace-street h2 { font-size: clamp(1.6rem, 2.5vw, 2.1rem); }
.workspace-street h3 { font-size: 1.5rem; }
.workspace-street *:is(.page-header,.owner-page-header,.crm-page-header,.qr-page-heading,.organizer-dashboard-header) {
    border-top: 5px solid var(--brand);
    padding-top: 18px;
}
.workspace-street *:is(.suite-card,.owner-account-card,.truck-form-section,.verification-card,.review-card,.booking-card,.event-detail-card,.booking-request-card,.signin-card,.signup-card,.organizer-account-card,.crm-panel,.crm-stat-card,.qr-panel,.qr-card,.qr-stat) {
    border-radius: 4px;
}
.workspace-street *:is(.button,.btn,.qr-button,.crm-action) {
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: .025em;
}
.workspace-street *:is(input,select,textarea) { border-radius: 3px; }
.workspace-street *:is(.event-header,.organizer-header,.crm-header,.qr-site-header) {
    border-bottom: 4px solid var(--brand);
    background-image: repeating-linear-gradient(115deg, transparent 0 16px, rgb(255 255 255 / .035) 16px 18px);
}
.workspace-street *:is(.crm-brand-mark,.qr-brand-mark,.organizer-brand-mark) {
    border-radius: 2px;
    transform: rotate(-4deg);
}
.workspace-street *:is(.crm-brand strong,.qr-brand,.organizer-brand-text strong,.event-brand__title) {
    font-family: var(--font-heading);
    font-size: 1.65rem;
    font-weight: 400;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.workspace-street *:focus-visible { outline: 3px solid var(--ring); outline-offset: 4px; }
@media (max-width: 480px) {
    .workspace-street h1 { font-size: 2.25rem; }
    .workspace-street *:is(.crm-brand strong,.qr-brand,.organizer-brand-text strong,.event-brand__title) { font-size: 1.3rem; }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-street *, .workspace-street *::before, .workspace-street *::after { animation: none; transition: none; scroll-behavior: auto; }
}