/* AZ design tokens.
 *
 * Frontend standard §1: centralize colour, font, spacing and radius tokens. These
 * are semantic names with an AZ default theme; a product overrides the values it
 * needs on :root and keeps the names, so a component written against a token works
 * in every product without knowing that product's palette.
 *
 * The default values are the AZ brand dark theme already in production on the
 * official website. They are not a claim that every product is dark: a light
 * product sets its own values for the same names.
 */

:root {
  /* Surfaces */
  --az-bg: #020914;
  --az-bg-soft: #06111f;
  --az-surface: rgba(9, 24, 41, 0.82);
  --az-surface-strong: rgba(12, 32, 54, 0.94);

  /* Lines */
  --az-border: rgba(93, 169, 224, 0.22);
  --az-border-strong: rgba(42, 219, 229, 0.6);

  /* Text */
  --az-text: #eef8ff;
  --az-text-muted: #99aec5;
  --az-text-subtle: #627890;

  /* Accents */
  --az-accent: #20e4df;
  --az-accent-deep: #08aaba;
  --az-link: #298cff;
  --az-link-soft: #66b2ff;

  /* Status */
  --az-danger: #ff8b8b;
  --az-success: #30f0b2;

  /* Shape */
  --az-radius: 8px;
  --az-radius-sm: 4px;

  /* Type */
  --az-font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Microsoft YaHei", sans-serif;
  --az-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}