/*
 * AIS Fibre + foundation token contract, extended during Phase 4.
 *
 * The application consumes the matching runtime copy at
 * SubContactPortalWeb/wwwroot/brand/ais-fibre-plus/css/tokens.css.
 */

:root {
  --brand-name: "AIS Fibre +";

  /* Approved primitive values from Brand book AIS Fibre+.pdf, page 8. */
  --brand-fibre-green: #7DC341;
  --brand-fibre-dark-green: #00341A;
  --brand-fibre-gray: #414141;
  --brand-fibre-orange: #F5781E;

  /* Neutral contrast roles; these are not additional brand-book swatches. */
  --brand-surface-light: #FFFFFF;
  --brand-ink-on-dark: #FFFFFF;

  /* Initial semantic roles for review. Rendered state mappings and contrast QA remain D09 work. */
  --brand-text-primary: var(--brand-fibre-gray);
  --brand-action-primary: var(--brand-fibre-dark-green);
  --brand-action-accent: var(--brand-fibre-green);
  --brand-attention-accent: var(--brand-fibre-orange);
  --brand-focus-indicator: var(--brand-fibre-dark-green);

  --brand-font-size-root: 16px;
  --brand-font-size-xs: 0.75rem;
  --brand-font-size-sm: 0.8125rem;
  --brand-font-size-base: 0.875rem;
  --brand-font-size-body: 1rem;
  --brand-font-size-md: 1.25rem;

  --brand-font-weight-normal: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;

  --brand-line-height-base: 1.5;
  --brand-line-height-control: 1.4;
  --brand-control-height: 34px;
  --brand-control-min-height: 34px;
  --brand-card-content-padding: 1.25rem;
  --brand-date-picker-width: 15rem;
  --brand-button-min-height: 44px;
  --brand-button-font-size: 16px;
  --brand-button-radius: 999px;
  --brand-button-primary-hover: #004D26;
  --brand-button-primary-active: #001A0D;
  --brand-button-secondary-hover: #595959;
  --brand-button-danger: #B42318;
  --brand-button-danger-hover: #8F1D14;
  --brand-button-danger-active: #6F160F;
  --brand-pagination-target-size: 32px;

  --brand-sidebar-expanded-width: 272px;
  --brand-sidebar-collapsed-width: 68px;
  --brand-sidebar-header-height: 76px;
  --brand-sidebar-header-height-expanded: 107px;
  --brand-menu-row-height: 46px;
  --brand-submenu-row-height: 42px;
  --brand-sidebar-horizontal-padding: 20px;
  --brand-menu-icon-size: 16px;
  --brand-menu-icon-container: 24px;
  --brand-menu-icon-text-gap: 12px;
}