/* The Builder's "Slate, frosted" palette, under the names of builder/HookshotBuilder/App.xaml.
   WPF writes #AARRGGBB; CSS writes #RRGGBBAA, so #0DFFFFFF (white at 0x0D alpha) is #FFFFFF0D here.
   tests/test_launcher_palette.py checks every colour of App.xaml is here, the same, under the same name. */

@font-face { font-family: "Inter"; font-weight: 400; font-display: swap;
  src: local("Inter Regular"), local("Inter-Regular"), url("../../builder/HookshotBuilder/Fonts/Inter-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap;
  src: local("Inter Medium"), local("Inter-Medium"), url("../../builder/HookshotBuilder/Fonts/Inter-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap;
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("../../builder/HookshotBuilder/Fonts/Inter-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap;
  src: local("Inter Bold"), local("Inter-Bold"), url("../../builder/HookshotBuilder/Fonts/Inter-Bold.ttf") format("truetype"); }

:root {
  /* the palette (App.xaml) */
  --Page: #14161A;
  --Raised: #1C1F24;
  --RaisedHover: #23272D;
  --Line: #2C3037;
  --LineStrong: #3D434C;
  --Ink: #EDEFF2;
  --InkSoft: #A2A9B3;
  --InkFaint: #6E7681;
  --Brand: #3D63E6;
  --BrandHover: #4B70F0;
  --BrandInk: #DFE6FF;
  --Go: #5FB08A;
  --GoHover: #70C09A;
  --GoInk: #06150E;
  --Warn: #E2B86B;
  --Bad: #E2776B;
  --Accent: #5FB08A;

  /* glass: white at low alpha over the acrylic backdrop */
  --Glass: #FFFFFF0D;
  --GlassHover: #FFFFFF17;
  --GlassLine: #FFFFFF17;
  --GlassLineStrong: #FFFFFF2A;
  --GoSoft: #5FB08A26;
  --BadSoft: #E2776B26;
  --WarnSoft: #E2B86B1F;
  --BrandSoft: #3D63E633;

  /* the literals App.xaml uses inline (not keyed there, so not checked by the palette test) */
  --chip-fill: #FFFFFF0D;      /* Chip Background #0DFFFFFF */
  --chip-line: #FFFFFF14;      /* Chip BorderBrush #14FFFFFF */
  --quiet-fill: #FFFFFF08;     /* Quiet Background #08FFFFFF */
  --quiet-line: #FFFFFF1F;     /* Quiet BorderBrush #1FFFFFFF */
  --primary-line: #FFFFFF33;   /* Primary BorderBrush #33FFFFFF */
  --primary-focus: #FFFFFFAA;  /* Primary focused BorderBrush #AAFFFFFF */
  --go-line: #FFFFFF40;        /* GoButton BorderBrush #40FFFFFF */
  --row-hover: #FFFFFF08;      /* DumpRow hover #08FFFFFF */
  --tick-line: #FFFFFF40;      /* Tick box #40FFFFFF */
  --bar-track: #FFFFFF12;      /* Bar Background #12FFFFFF */
  --disabled-fill: #FFFFFF14;  /* Primary disabled #14FFFFFF */
  --caption-ink: #FFFFFF80;    /* Caption Foreground #80FFFFFF */
  --info-ink: #B9C8FF;         /* the "i" of the tools note */
  --sweep: #7F9BFF;            /* the splash's sweeping bar */
  --window-top: #1A1D2440;     /* the window's gradient, #401A1D24 */
  --window-bottom: #12141A33;  /* #3312141A */

  /* text on the window: InkFaint is 3.9:1 on Page, under the 4.5:1 for text, so small text that must be read uses this
     (5.7:1 on Page, 4.7:1 on RaisedHover). InkFaint stays for disabled text, rules and icons. */
  --InkFaintText: #8A919B;

  /* type (App.xaml: base 14, Heading 24 Bold, Note 13, Faint 12, Label 12 SemiBold) */
  --font-ui: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "DejaVu Sans Mono", ui-monospace, monospace;
  --fs-base: 14px;
  --fs-heading: 24px;
  --fs-note: 13px;
  --fs-faint: 12px;
  --fs-label: 12px;
  --fs-title: 34px;           /* the launch page's "Ocarina of Time" */

  /* shapes */
  --r-card: 10px;
  --r-button: 8px;
  --r-window: 18px;           /* WindowChrome CornerRadius */
  --h-button: 40px;
  --h-go: 50px;
  --h-chip: 26px;
  --h-caption: 64px;          /* WindowChrome CaptionHeight */
}