/*
 * Able brand tokens — edit this file to update colours, typography and logo.
 * Source: Able Brand Guidelines (April 2025).
 *
 * Fonts: Torus is Able's primary font (licensed). To use it, place the .woff2 files in
 * /assets/fonts/ and uncomment the @font-face rules below. Until then the guidelines'
 * secondary font, Tahoma, is used, falling back to the device's system font.
 */

/*
@font-face { font-family: "Torus"; src: url("/assets/fonts/Torus-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Torus"; src: url("/assets/fonts/Torus-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Torus"; src: url("/assets/fonts/Torus-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
*/

:root {
  /* Primary palette */
  --able-green: #56bd7f;
  --able-blue: #69b6d0;
  --able-purple: #b380b6;
  --able-grey: #6d858f;

  /* Secondary palette */
  --able-dark-green: #3b734f;
  --able-dark-blue: #4a7eab;
  --able-dark-purple: #8b5a8e;
  --able-dark-grey: #35454a;
  --able-light-green: #ace2c0;
  --able-light-blue: #acd8e7;
  --able-light-purple: #dbbfdd;
  --able-light-grey: #bfced3;

  /* Roles used by the app */
  --color-bg: #f2f6f7;
  --color-surface: #ffffff;
  --color-text: var(--able-dark-grey);
  --color-text-muted: #556a72;
  --color-border: var(--able-light-grey);
  --color-primary: var(--able-dark-green);       /* buttons: white text passes WCAG AA */
  --color-primary-hover: #2f5e40;
  --color-accent: var(--able-green);
  --color-accent-soft: #e6f5ec;
  --color-info: var(--able-dark-blue);
  --color-info-soft: #e7f2f7;

  /* Functional status colours (not part of the brand palette; chosen for clarity) */
  --color-danger: #b3261e;
  --color-danger-hover: #8c1d18;
  --color-danger-soft: #fdecea;
  --color-warning: #8a5a00;
  --color-warning-soft: #fff4dc;

  /* Typography */
  --font-brand: "Torus", Tahoma, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-numeric: "Torus", Tahoma, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  /* Shape — rounded squares are a core Able graphic element */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 1px 2px rgba(53, 69, 74, 0.08), 0 4px 16px rgba(53, 69, 74, 0.08);

  /* Logo */
  --logo-height: 44px;
}