:root{
/* Brand — site accent (assets/css/colors/color1.css) */
--brand-cyan:#00bcd4;
--brand-cyan-overlay:rgba(0,188,212,.9);
--brand-cyan-wave:rgba(0,188,212,.66);
--brand-cyan-shadow:rgba(0,188,212,1);
/* Brand — logo wordmark (exper/logo.png, sampled) */
--logo-magenta:#cc33cc;
--logo-cyan:#27cfe6;
--logo-blue:#33ccff;
/* Alternate accents shipped by the theme's color switcher (colors/color2..8.css) */
--accent-alt-1:#6bcfe0;
/* Neutrals — exactly as used in main.css / blog.css */
--white:#ffffff;
--grey-50:#fafafa;
--grey-100:#f0f0f0;
--grey-200:#ececec;
--grey-300:#eeeeee;
--grey-400:#dbdbdb;
--grey-450:#e5e5e5;
--grey-500:#d3d3d3;
--grey-550:#cfcfcf;
--grey-600:#c4c4c4;
--grey-650:#cccbcb;
--grey-700:#999999;
--grey-800:#777777;
--grey-850:#727272;
--grey-900:#444444;
--grey-950:#333333;
/* Semantic / state */
--like-red:#ff5d5d;
--like-red-strong:#f84b4b;
--success-green:#4caf50;
--selection-blue:#b3d4fc;
/* Overlays */
--overlay-dark-20:rgba(0,0,0,.2);
--overlay-light-92:rgba(255,255,255,.92);
/* Social brand colors (footer + about) */
--social-facebook:#3b5998;
--social-linkedin:#0976b4;
--social-twitter:#55acee;
--social-google:#dd4b39;
--social-dribbble:#ea4c89;
--social-behance:#1769ff;
}