/*
 * TrackMyStore brand primitives.
 * Deep teal carries primary actions and navigation; orange is reserved for
 * upgrade, warning, and high-value accents. Portal styles consume these tokens
 * so light and dark themes share one accessible brand language.
 */
:root {
    --tms-brand-primary: #123334;
    --tms-brand-primary-hover: #0b2728;
    --tms-brand-primary-active: #071f20;
    --tms-brand-primary-rgb: 18, 51, 52;
    --tms-brand-primary-soft: #eaf3f2;
    --tms-brand-primary-subtle: #f5f9f8;
    --tms-brand-primary-border: #b9d7d4;
    --tms-brand-accent: #f5710c;
    --tms-brand-accent-hover: #d95f05;
    --tms-brand-accent-soft: #fff2e8;
    --tms-brand-accent-border: #fed7aa;
    --tms-brand-focus: rgba(18, 51, 52, .22);
    --tms-brand-dark-primary: #78d0c5;
    --tms-brand-dark-primary-hover: #91ded5;
    --tms-brand-dark-primary-rgb: 120, 208, 197;
    --tms-brand-dark-primary-soft: rgba(120, 208, 197, .18);
    --tms-brand-dark-primary-border: rgba(120, 208, 197, .42);
}