body { font-family: Lato } /* ===================================== Dare To Scale – Brand System (v3) Source: BrandBaser Manual ===================================== */
:root { /* Core Colors */ --dts-primary: #f59e0b; --dts-secondary: #d97706; --dts-accent: #800080; --dts-bg: #ffffff; --dts-text: #1e293b; --dts-muted: #fefce8; --dts-border: #fde68a; /* Typography */ --dts-font: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* Layout */ --dts-radius: 0.75rem; --dts-radius-pill: 999px; --dts-shadow: 0 10px 30px rgba(30,41,59,0.08);
}
/* Global baseline */
body { font-family: var(--dts-font); color: var(--dts-text); background-color: var(--dts-bg); line-height: 1.55;
}
/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: var(--dts-font); font-weight: 700; color: var(--dts-text); line-height: 1.2;
}
/* Links */
a { color: var(--dts-primary); text-decoration: none;
}
a:hover { text-decoration: underline;
}
/* ===================================== Reusable Layout & Brand Classes (apply via element CSS class field) ===================================== */
/* Sections */
.dts-section { padding: 72px 0; background-color: var(--dts-bg);
}
.dts-section--muted { background-color: var(--dts-muted);
}
/* Containers */
.dts-container { max-width: 1120px; margin: 0 auto; padding: 0 20px;
}
/* Cards */
.dts-card { background-color: var(--dts-bg); border: 1px solid var(--dts-border); border-radius: var(--dts-radius); box-shadow: var(--dts-shadow); padding: 28px;
}
/* Typography helpers */
.dts-h1 { font-size: 44px; letter-spacing: -0.02em;
}
.dts-h2 { font-size: 30px; letter-spacing: -0.01em;
}
.dts-lead { font-size: 18px; color: var(--dts-text); max-width: 70ch;
}
/* Buttons */
.dts-btn-primary { display: inline-flex; align-items: center; justify-content: center; background-color: var(--dts-primary); color: #ffffff; border: 1px solid var(--dts-primary); border-radius: var(--dts-radius-pill); padding: 14px 22px; font-weight: 700; cursor: pointer;
}
.dts-btn-primary:hover { background-color: var(--dts-secondary); border-color: var(--dts-secondary);
}
.dts-btn-secondary { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; color: var(--dts-primary); border: 1px solid var(--dts-border); border-radius: var(--dts-radius-pill); padding: 14px 22px; font-weight: 700; cursor: pointer;
}
.dts-btn-secondary:hover { background-color: var(--dts-muted);
} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }