/* Design tokens used by Fishy26.AppUi component-scoped CSS.
   The App's own global styles live in Fishy26.App/wwwroot/css/app.css and
   currently duplicate the full token set for the rest of the UI; that file is
   intentionally not refactored here. */

:root {
    /* Material 3 tokens consumed by the button family (AppButton / AppIconButton /
       AppToggleButton / AppSegmented) and AppCountdownButton. */
    --md-primary: #415f91;
    --md-on-primary: #ffffff;
    --md-primary-hover: #385380;
    --md-secondary-container: #dae2f9;
    --md-on-secondary-container: #131c2b;
    --md-outline: #74777f;
    --md-on-surface: #1a1b20;
    --md-on-surface-variant: #44474e;

    /* Neutral and accent tokens consumed by the button family and AppFloatField. */
    --text-body: #202124;
    --text-muted: #5f6368;
    --accent-blue: #1a73e8;
    --accent-blue-bg: #e8f0fe;
    --app-rating-star: #fbbc04;
    --primary-tint: rgba(65, 95, 145, 0.08);
    --neutral-tint: rgba(60, 64, 67, 0.08);

    /* Surface tokens consumed by AppFloatField. */
    --sheet-bg: #f0f2f9;

    /* Neutral border/hover/surface tokens consumed by AppIconButton / AppToggleButton / AppSegmented. */
    --app-border-neutral: #747775;
    --app-hover-neutral: #f1f3f4;
    --app-top-bar-bg: #f3f6fc;
    --app-top-bar-heading: #1d1b20;
    --app-surface-white: #ffffff;
    --app-upload-surface: #f8f9fa;
    --app-upload-border: #c0c4c9;
    --app-upload-action-surface: rgba(255, 255, 255, 0.92);
    --app-sheet-shadow: rgba(0, 0, 0, 0.25);
    --app-menu-shadow: rgba(0, 0, 0, 0.25);
    --app-float-options-shadow: rgba(0, 0, 0, 0.18);
    --app-listing-surface: #ffffff;
    --app-listing-hover-surface: #fafafa;
    --app-listing-photo-surface: #e3f2fd;
    --app-listing-photo-text: #607d8b;
    --app-listing-image-error-surface: #eeeeee;
    --app-listing-shadow: rgba(0, 0, 0, 0.12);
    --app-listing-current-border: #1a73e8;
    /* Hover / map-highlight tint on a listing tile, and the 1px ring drawn with it
       (the M3 primary at 40%). */
    --app-listing-highlight-surface: #eef3fc;
    --app-listing-highlight-ring: rgba(65, 95, 145, 0.4);

    /* Chip background/border consumed by AppChips. */
    --app-chip-bg: #ffffff;
    --app-chip-border: #c4c7c5;

    /* Success (green) tokens consumed by AppToggleButton's success state and the done check on a
       Button-state AppFloatField. */
    --app-success-icon: #81c784;
    --app-success-bg: #d8eddd;
    --app-success-bg-hover: #c4e4cc;
    --app-salmon-bg: #fad4cc;
    --app-salmon-bg-hover: #f5c4b8;

    /* Error box background, consumed by AppSheetSurface's error line and AppValidationSummary.
       Its text colour is --error-text. */
    --app-error-bg: #fae7e6;

    /* Tooltip bubble consumed by AppTooltip. */
    --app-tooltip-bg: #24292e;
    --app-tooltip-text: #ffffff;
    --app-tooltip-font-size: 0.75rem;
    --app-tooltip-z: 1000;

    /* Font parameters consumed by AppUi components. */
    --app-font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    --app-font-size: 0.875rem;
    --app-font-size-label: 0.75rem;
    --app-font-weight: 500;
    --app-font-weight-regular: 400;
}