/* RH Design Tokens - CSS Custom Properties
   Currently using ty's default color ramps unmodified.

   To customize the primary blue, override ALL 5 ramp levels in both
   light and dark mode (10 values) to keep the ramp coherent:

   :root {
     --ty-color-primary-strong: ...;
     --ty-color-primary-mild:   ...;
     --ty-color-primary:        ...;
     --ty-color-primary-soft:   ...;
     --ty-color-primary-faint:  ...;
   }
   html.dark, html[data-theme="dark"] {
     --ty-color-primary-strong: ...;
     --ty-color-primary-mild:   ...;
     --ty-color-primary:        ...;
     --ty-color-primary-soft:   ...;
     --ty-color-primary-faint:  ...;
   }
*/

:root {
    --rh-container-sm: 512px; /* Wizard steps, modals, single-column forms */
    --rh-container-md: 768px; /* Detail views, single-column content */
    --rh-container-lg: 1024px; /* Multi-column editors, side-by-side layouts */
    --rh-container-xl: 1280px; /* Wide dashboards, data-dense views */

    /* Card accent colors — visual distinguishers, no semantic meaning */
    --rh-accent-indigo: #6366f1;
    --rh-accent-red:    #ef4444;
    --rh-accent-green:  #22c55e;
    --rh-accent-orange: #f97316;
    --rh-accent-purple: #8b5cf6;
    --rh-accent-slate:  #64748b;
    --rh-accent-cyan:   #06b6d4;
}