/**
 * Account v2.0 - Design Tokens
 * @description Extends DS tokens with account-specific variables.
 * Common aliases (--bg-primary, --text-primary, etc.) come from design-system/tokens.css.
 * @version 3.0.0
 * @date 2026-04-14
 */

@import url('../design-system/tokens.css');

:root {
  /* =======================================
     ACCOUNT-SPECIFIC COLORS
     (d) INK-DESIGN-SWEEP-FIX: green→gold-leaf to match the platform brand accent.
     brand-accent (#E8C547) is defined in design-system/tokens.css, loaded before
     this file by template.account.v2.tpl. Active = darker gold for pressed state. */
  --color-primary: var(--color-brand-accent);
  --color-primary-hover: var(--color-brand-accent-hover);
  --color-primary-active: #C9A82E;

  /* =======================================
     ACCOUNT-SPECIFIC SIZING
     ======================================= */
  --input-height: 48px;
  --input-height-sm: 36px;
  --button-height: 48px;
  --button-height-sm: 36px;
  --sidebar-width: 240px;
  --bottom-nav-height: 64px;
  --header-height: 64px;
  --max-content-width: 1200px;

  /* =======================================
     ACCOUNT Z-INDEX SCALE
     Account uses higher values for complex modal stacking.
     Overrides DS z-index values intentionally.
     ======================================= */
  --z-dropdown: 100;
  --z-sticky: 150;
  --z-modal-backdrop: 200;
  --z-modal: 210;
  --z-toast: 300;
  --z-tooltip: 400;
}