/* Adkeyz landing — page styles.
   Design system tokens live in ds.css (Modernist). Everything else is inline
   on the elements, so the markup is self-describing. */

:root {
  /* Brand override: Adkeyz blue replaces the system red, same ramp structure */
  --color-accent: #0d86cd;
  --color-accent-100: #eef7fd; --color-accent-200: #d3e9f8; --color-accent-300: #a6d3f1;
  --color-accent-400: #5bb0e4; --color-accent-500: #1e97d9; --color-accent-600: #0a6ba4;
  --color-accent-700: #08557f; --color-accent-800: #063d5c; --color-accent-900: #06293c;
  --color-accent-2: #0d86cd;
  --color-accent-2-100: #eef7fd; --color-accent-2-200: #d3e9f8; --color-accent-2-300: #a6d3f1;
  --color-accent-2-400: #5bb0e4; --color-accent-2-500: #1e97d9; --color-accent-2-600: #0a6ba4;
  --color-accent-2-700: #08557f; --color-accent-2-800: #063d5c; --color-accent-2-900: #06293c;
}

html, body { margin: 0; padding: 0; }
body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: var(--color-accent-700); text-decoration: none; }
a:hover { color: var(--color-accent); }
footer a, #sectors a { color: var(--color-bg); }
footer a:hover, #sectors a:hover { color: var(--color-accent-300); }
input, select, textarea, button { font: inherit; color: inherit; }

/* hover states lifted out of the markup */
.hv1:hover { color: var(--color-text); }
.hv2:hover { background: var(--color-accent-600); color: var(--color-bg); }
.hv3:hover { border-color: var(--color-text); background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.hv4:hover { border-color: var(--color-accent); }
.hv5:hover { border-color: var(--color-accent); }
.hv6:hover { border-color: var(--color-accent); }
.hv7:hover { background: var(--color-accent-600); }