diff --git a/src/assets/main.css b/src/assets/main.css index 647667e5..7542abb5 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -19,19 +19,52 @@ textarea.has-sharp-edges { /*}*/ :root { - --bulma-primary-h: 207deg !important; - --bulma-primary-s: 60% !important; - --bulma-primary-l: 19% !important; - --bulma-link-h: 200deg !important; - --bulma-link-s: 80% !important; - --bulma-link-l: 41% !important; + /* 1. Primary Brand Colors (HSL) */ + --bulma-primary-h: 197deg !important; + --bulma-primary-l: 35% !important; + --bulma-link-h: 224deg !important; + --bulma-link-l: 13% !important; --bulma-info-h: 215deg !important; --bulma-info-l: 56% !important; - --bulma-success-s: 84% !important; --bulma-warning-h: 44deg !important; --bulma-warning-l: 50% !important; + --bulma-dark-h: 0 !important; + --bulma-dark-s: 0% !important; + --bulma-dark-l: 20% !important; + + --bulma-dark-dark-invert-l: 100% !important; + + /* 2. Typography - Avenir */ + --bulma-family-primary: "Avenir", sans-serif; + --bulma-body-size: 11pt !important; + --bulma-title-weight: 800 !important; + --bulma-body-weight: 400 !important; + + /* 3. Strict Hierarchy */ + --bulma-title-size: 13pt !important; + + /* 4. Brand Specific Restrictions */ + --bulma-shadow: none !important; + --bulma-box-shadow: none !important; + --bulma-card-shadow: none !important; + + --bulma-skeleton-background: hsla(197 100% 35% / 0.70) !important; } +/*:root {*/ +/* --bulma-primary-h: 207deg !important;*/ +/* --bulma-primary-s: 60% !important;*/ +/* --bulma-primary-l: 19% !important;*/ +/* --bulma-link-h: 200deg !important;*/ +/* --bulma-link-s: 80% !important;*/ +/* --bulma-link-l: 41% !important;*/ +/* --bulma-info-h: 215deg !important;*/ +/* --bulma-info-l: 56% !important;*/ +/* --bulma-success-s: 84% !important;*/ +/* --bulma-warning-h: 44deg !important;*/ +/* --bulma-warning-l: 50% !important;*/ +/*}*/ + .button-same-width { min-width: 124px !important; }