@font-face { font-family: "Google Sans"; src: url(/gfonts/s/googlesans/v76/4UaGrENHsxJlGDuGo1OIlI3MyJ98KhtH.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; } @font-face { font-family: "Google Sans"; src: url(/gfonts/s/googlesans/v76/4UaErENHsxJlGDuGo1OIlL3Lwp5eLwtHJlc.woff2) format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; } @font-face { font-family: "Fraunces"; src: url(/gfonts/s/fraunces/v38/6NUV8FyLNQOQZAnv9awKnugMyM1A.woff2) format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Fraunces"; src: url(/gfonts/s/fraunces/v38/6NUT8FyLNQOQZAnv9ZwNlOkuzd1AZtw.woff2) format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; } body { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 1.2rem; line-height: 1.35em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } body a { color: var(--tone-body-a, var(--color-on-primary)); } body a:hover { color: var(--color-primary); } h1 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 2.5rem; line-height: 1.15em; font-weight: 600; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h1 a { color: var(--color-text); } h1 a:hover { color: var(--color-text); } h2 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 1.15em; font-weight: 600; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h2 a { color: var(--color-text); } h2 a:hover { color: var(--color-text); } h3 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.15em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h3 a { color: var(--color-text); } h3 a:hover { color: var(--color-text); } h4 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 1.25rem; line-height: 1.15em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h4 a { color: var(--color-text); } h4 a:hover { color: var(--color-text); } h5 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.17em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h5 a { color: var(--color-text); } h5 a:hover { color: var(--color-text); } h6 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 1.15em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } h6 a { color: var(--color-text); } h6 a:hover { color: var(--color-text); } nav:where(.site-header-nav) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.15em; color: var(--color-text); letter-spacing: 1px; text-transform: uppercase; } nav:where(.site-header-nav) a { color: var(--color-text); } nav:where(.site-header-nav) a:hover { color: var(--tone-nav-a-hover, var(--color-on-primary)); } footer:where(.footer) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.15em; color: var(--color-text); letter-spacing: 1px; text-transform: none; } footer:where(.footer) a { color: var(--color-text); } footer:where(.footer) a:hover { color: var(--color-text); } header:where(.site-header) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.25em; font-weight: 400; color: var(--tone-header, var(--color-on-primary)); letter-spacing: 1px; text-transform: none; } header:where(.site-header) a { color: var(--tone-header-a, var(--color-on-primary)); } header:where(.site-header) a:hover { color: var(--tone-header-a-hover, var(--color-on-primary)); } [data-tone] { --tone-body-a: initial; --tone-nav-a-hover: initial; --tone-header: initial; --tone-header-a: initial; --tone-header-a-hover: initial; } [data-tone="inverse"], [data-tone="inverse"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-nav-a-hover: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); } [data-tone="primary"], [data-tone="primary"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-nav-a-hover: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); } [data-tone="secondary"], [data-tone="secondary"] [data-tone="surface"] { --tone-body-a: var(--color-text); --tone-nav-a-hover: var(--color-text); --tone-header: var(--color-text); --tone-header-a: var(--color-text); --tone-header-a-hover: var(--color-text); } :root { --palette-bg: #fcfbf9; --palette-text: #000000; --palette-primary: #b98c3e; --palette-on-primary: #000000; --palette-secondary: #073d4e; --palette-on-secondary: #fcfbf9; --palette-accent: #073d4e; --color-error: #b53c39; --color-success: #009b71; --container-width: 1600px; --news-card-ratio: 3 / 4; --font-body: Google Sans; --font-heading: Fraunces; } :root, [data-tone] { --input-border-width: 1px; --input-radius: 4px; --input-bg: var(--color-bg); --input-text: var(--color-text); --input-border: var(--color-text); --input-focus-bg: var(--color-bg); --input-focus-text: var(--color-text); --input-focus-border: var(--color-text); } [data-tone="primary"], [data-tone="primary"] [data-tone="surface"], [data-tone="secondary"], [data-tone="secondary"] [data-tone="surface"] { --input-border: var(--color-text); } .site-header:not([data-tone]) { --color-text: var(--color-on-primary); } body { background: var(--color-bg); } .button-primary { background-color: var(--color-text); color: var(--color-bg); padding: 0.9rem 1rem; border: 1px solid var(--color-text); border-radius: 999px; &:hover { background-color: var(--color-bg); color: var(--color-text); border-color: var(--color-text); } } .button-secondary { background-color: var(--color-bg); color: var(--color-text); padding: 0.9rem 1rem; border: 1px solid var(--color-text); border-radius: 999px; &:hover { background-color: var(--color-text); color: var(--color-bg); border-color: var(--color-text); } }.fallback-cover--sale { background-image: url("/uploads/calque-asta.png"); } .fallback-cover--lot { background-image: url("/uploads/calque-asta.png"); } .fallback-cover--news { background-image: url("/uploads/calque-asta.png"); }