text: /*
   * Copyright 2020 Google LLC
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     https://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
  
  /**
   * External dependencies
   */
  import { createGlobalStyle, ThemeContext } from 'styled-components';
  import { useContext } from 'react';
  
  export const GlobalStyle = createGlobalStyle`
    #web-stories-plugin-activation-notice {
      padding: 0;
      border: none;
    }
  `;
  
  export function useTheme() {
    return useContext(ThemeContext);
  }
  
  export const theme = {
    colors: {
      bg: {
        start: '#CBACFF',
        end: '#79B3FF',
      },
      primary: 'rgba(255, 255, 255, 0.84)',
      secondary: 'rgba(255, 255, 255, 0.64)',
      tertiary: 'rgba(255, 255, 255, 0.54)',
      link: {
        fg: '#B99DEA',
        hover: {
          fg: 'rgba(255, 255, 255, 0.84)',
        },
      },
      action: {
        bg: '#619CE8',
        fg: '#ffffff',
        hover: {
          bg: '#010218',
        },
      },
    },
    fonts: {
      body: {
        family: "'Google Sans', sans-serif",
        size: '16px',
        lineHeight: '24px',
        fontWeight: 400,
      },
      title: {
        family: "'Google Sans', sans-serif",
        size: '32px',
        lineHeight: '40px',
        fontWeight: 400,
      },
      button: {
        family: "'Google Sans', sans-serif",
        size: '16px',
        lineHeight: '32px',
        fontWeight: 400,
      },
      stepNumber: {
        family: "'Google Sans', sans-serif",
        size: '80px',
        lineHeight: '80px',
        fontWeight: 900,
      },
    },
    breakpoint: {
      tabletSmall: 'screen and (min-width: 700px)',
      tabletLarge: 'screen and (min-width: 1300px)',
      desktop: 'screen and (min-width: 1800px)',
    },
  };
  