/* ============================================================
   ui/themes/rhea.css — Rhea theme
   Source: shadcn preset (baseColor: neutral, font: Inter)
   Same font + colors as Vega. Colors inherit from :root.
   ============================================================ */

[data-theme="rhea"] {
  --font-sans: "Inter", sans-serif;

  /* Button — Rhea (rounded-2xl, more compact) */
  --button-radius: var(--radius-2xl);
  --button-radius-xs: var(--radius-2xl);
  --button-radius-sm: var(--radius-2xl);
  --button-height-sm: calc(var(--spacing) * 7);
  --button-height-default: calc(var(--spacing) * 8);
  --button-height-lg: calc(var(--spacing) * 9);
  --button-size-icon: calc(var(--spacing) * 8);
  --button-size-icon-sm: calc(var(--spacing) * 7);
  --button-size-icon-lg: calc(var(--spacing) * 9);
  --button-padding-sm: calc(var(--spacing) * 3);
  --button-padding-default: calc(var(--spacing) * 3);
  --button-padding-lg: calc(var(--spacing) * 4);

  /* Badge — Rhea (rounded-2xl) */
  --badge-radius: var(--radius-2xl);

  /* Input — Rhea (rounded-2xl, h-8) */
  --input-radius: var(--radius-2xl);
  --input-height: calc(var(--spacing) * 8);
  --input-height-sm: calc(var(--spacing) * 7);
  --input-height-default: calc(var(--spacing) * 8);
  --input-height-lg: calc(var(--spacing) * 9);

  /* Textarea — Rhea (rounded-2xl) */
  --textarea-radius: var(--radius-2xl);

  /* Skeleton — Rhea (rounded-2xl) */
  --skeleton-radius: var(--radius-2xl);

  /* Kbd — Rhea (rounded-2xl, h-5) */
  --kbd-radius: var(--radius-2xl);
  --kbd-height: calc(var(--spacing) * 5);

  /* Switch — Rhea (rounded-2xl, border-2) */
  --switch-radius: var(--radius-2xl);
  --switch-width-default: calc(var(--spacing) * 8);
  --switch-height-default: calc(var(--spacing) * 5);
  --switch-width-sm: calc(var(--spacing) * 6);
  --switch-height-sm: calc(var(--spacing) * 4);
  --switch-thumb-width-default: calc(var(--spacing) * 4);
  --switch-thumb-height-default: calc(var(--spacing) * 4);
  --switch-thumb-width-sm: calc(var(--spacing) * 3);
  --switch-thumb-height-sm: calc(var(--spacing) * 3);
  --switch-border-width: 2px;
  --switch-thumb-translate: calc(100% - 4px);

  /* Native Select — Rhea (same as vega) */
  --native-select-padding-x: calc(var(--spacing) * 2.5);
  --native-select-padding-right: calc(var(--spacing) * 8);
  --native-select-padding-y: calc(var(--spacing) * 1);
  --native-select-icon-right: calc(var(--spacing) * 2.5);

  /* Select — Rhea (rounded-2xl, h-8) */
  --select-trigger-radius: var(--radius-2xl);
  --select-trigger-height-default: calc(var(--spacing) * 8);
  --select-trigger-height-sm: calc(var(--spacing) * 7);
  --select-trigger-font-size: var(--text-sm);
  --select-trigger-padding-x: calc(var(--spacing) * 3);
  --select-trigger-padding-y: calc(var(--spacing) * 2);
  --select-trigger-gap: calc(var(--spacing) * 1.5);
  --select-icon-size: calc(var(--spacing) * 4);

  /* Field family — Rhea (medium group gap) */
  --field-set-gap: calc(var(--spacing) * 6);
  --field-group-gap: calc(var(--spacing) * 6);
  --field-gap: calc(var(--spacing) * 3);
  --field-content-gap: calc(var(--spacing) * 1);
}