/*
 * [claude:opus-4.7-1m][hurc:v0.7.0] mod_hurc_account — design-token contract.
 *
 * PURPOSE
 *   The `.hurc-account-menu` component reads ONLY from the
 *   `--hurc-account-*` custom-property contract declared here. Consumers
 *   map their own brand palette (whatever their site-private token
 *   prefix is) onto these names in their own site CSS. The component
 *   file (component.css) stays brand-agnostic — change
 *   `--hurc-account-bg` and every place it appears updates.
 *
 * CONSUMING-SITE RESPONSIBILITY
 *   Override these values inside `:root` (or `.hurc-account-menu`) AFTER
 *   loading this file. The values below are sane defaults that look
 *   reasonable on any neutral palette — they should rarely survive a
 *   real install unmodified.
 *
 * FILE LOAD ORDER
 *   1. tokens.css  (this file — establishes the contract + fallbacks)
 *   2. consuming-site brand-token CSS (maps the site's own brand
 *      tokens onto the --hurc-account-* contract)
 *   3. component.css (styles the BEM classes using the contract)
 *
 * The component never references any consumer-private brand token
 * directly — that's the entire point of the contract layer.
 */

:root {
	/* ---- colour ---- */
	--hurc-account-bg                  : #ffffff;
	--hurc-account-fg                  : #111111;
	--hurc-account-muted               : #555555;
	--hurc-account-border              : rgba(0, 0, 0, 0.08);
	--hurc-account-shadow              : 0 8px 24px rgba(0, 0, 0, 0.08);

	--hurc-account-trigger-bg          : transparent;
	--hurc-account-trigger-fg          : var(--hurc-account-fg);
	--hurc-account-trigger-hover-bg    : rgba(0, 0, 0, 0.04);
	--hurc-account-trigger-border      : transparent;

	--hurc-account-panel-bg            : var(--hurc-account-bg);
	--hurc-account-panel-fg            : var(--hurc-account-fg);
	--hurc-account-panel-border        : var(--hurc-account-border);
	--hurc-account-panel-shadow        : var(--hurc-account-shadow);

	--hurc-account-link-fg             : var(--hurc-account-fg);
	--hurc-account-link-hover-bg       : rgba(0, 0, 0, 0.04);
	--hurc-account-link-hover-fg       : var(--hurc-account-fg);

	--hurc-account-cta-bg              : #f0c14b;
	--hurc-account-cta-fg              : #111111;
	--hurc-account-cta-border          : #a88734;
	--hurc-account-cta-hover-bg        : #e2b33d;

	--hurc-account-avatar-bg           : #f0c14b;
	--hurc-account-avatar-fg           : #111111;
	--hurc-account-avatar-border       : transparent;

	--hurc-account-heading-fg          : var(--hurc-account-muted);

	/* ---- typography ---- */
	--hurc-account-font-family         : inherit;
	--hurc-account-font-size           : 0.875rem;
	--hurc-account-font-weight         : 400;
	--hurc-account-label-line-height   : 1.2;
	--hurc-account-greeting-font-size  : 0.75rem;
	--hurc-account-greeting-font-weight: 400;
	--hurc-account-account-font-size   : 0.875rem;
	--hurc-account-account-font-weight : 700;
	--hurc-account-heading-font-size   : 0.75rem;
	--hurc-account-heading-font-weight : 700;
	--hurc-account-heading-letter-spacing: 0.02em;
	--hurc-account-heading-text-transform: uppercase;

	/* ---- spacing ---- */
	--hurc-account-trigger-padding-y   : 0.375rem;
	--hurc-account-trigger-padding-x   : 0.5rem;
	--hurc-account-trigger-gap         : 0.625rem;
	--hurc-account-panel-padding       : 1rem;
	--hurc-account-panel-gap           : 0.5rem;
	--hurc-account-panel-width         : 18rem;
	--hurc-account-panel-offset        : 0.5rem;
	--hurc-account-link-padding-y      : 0.375rem;
	--hurc-account-link-padding-x      : 0.5rem;
	--hurc-account-cta-padding-y       : 0.5rem;
	--hurc-account-cta-padding-x       : 0.875rem;

	/* ---- shape ---- */
	--hurc-account-trigger-radius      : 0.25rem;
	--hurc-account-panel-radius        : 0.5rem;
	--hurc-account-cta-radius          : 0.25rem;
	--hurc-account-avatar-radius       : 50%;
	--hurc-account-avatar-size         : 2rem;
	--hurc-account-avatar-font-size    : 0.75rem;
	--hurc-account-avatar-font-weight  : 700;

	/* ---- motion ---- */
	--hurc-account-transition-duration : 120ms;
	--hurc-account-transition-easing   : ease-out;
	--hurc-account-panel-translate-y   : 4px;

	/* ---- layering ---- */
	--hurc-account-panel-z-index       : 1000;
}